CSS 100％Height，然后滚动DIV not page

小编典典

CSS 100％Height，然后滚动DIV not page

css

好的，所以我还没有找到答案的问题，所以我决定自己做。

我正在尝试创建100％流畅的布局，从技术上讲，我已经做到了。

但是，我现在要做的是使页面高度达到100％…但是我不希望页面滚动，而我希望内部DIV滚动。

因此，我相信总而言之，我希望它检测视口屏幕的高度，移至100％，然后，如果IF内容比屏幕长，则滚动特定的DIV，而不是页面。

我希望这是有道理的。

提前致谢。贾斯汀

阅读 330

2020-05-16

共1个答案

小编典典

这应该是一个简单的情况

我相信这将适合您的情况

<html>
  <body style="overflow:hidden;">
      <div id="header" style="overflow:hidden; position:absolute; top:0; left:0; height:50px;"></div>
      <div id="leftNav" style="overflow:auto; position:absolute; top:50px; left:0; right:200px; bottom:50px;"></div>
      <div id="mainContent" style="overflow:auto; position:absolute; top:50px; left: 200px; right:0; bottom:50px;"></div>
      <div id="footer" style="overflow:hidden; position:absolute; bottom:0; left:0; height:50px"></div>
  </body>
</html>

此示例将为您提供静态的页眉和页脚，并使导航器和内容区域可滚动。

2020-05-16