HTML   发布时间:2022-04-15  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 如何用CSS拆分网页?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以使用CSS进行分割屏幕(水平),以便用户可以浏览屏幕上方切片上的部分网站并浏览屏幕下方的另一部分?

解决方法

您需要声明主div的高度值.

对于这个例子.我使用50vh声明它是屏幕的一半.

添加overflow: auto将允许您拥有滚动条.
否则,如果您没有设置溢出并且#top内容无法被可用空间容纳,则它将溢出到底部.

body {
  margin: 0;
  padding: 0
}

#top,#bottom {
  width: 100%;
  height: 50vh;
  overflow: auto;
}
<div id="top">
  Lorem ipsum dolor sit amet,consectetur adipisicing elit. Velit qui corporis,repellat praesentium quas voluptatum soluta rerum incidunt repellendus eos ipsam numquam nostrum magni repudiandae dolorem,a similique,voluptatibus facilis.
  Lorem ipsum dolor sit amet,voluptatibus facilis.Lorem ipsum dolor sit amet,voluptatibus facilis.
</div>


<div id="bottom">
    Lorem ipsum dolor sit amet,voluptatibus facilis.
</div>

大佬总结

以上是大佬教程为你收集整理的html – 如何用CSS拆分网页?全部内容,希望文章能够帮你解决html – 如何用CSS拆分网页?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。