如何在没有两组滚动条的HTML页面顶部创建非滚动div
如何在没有两组滚动条的HTML页面顶部创建非滚动div
提问于 2008-11-02 11:59:40
如何在没有两组滚动条的网页上创建类似于MS Office2007功能区的非滚动div。一个用于窗口，另一个用于div。
回答 4
Stack Overflow用户
发布于 2008-11-02 12:14:24
使用具有100%宽度和高z-index的固定位置<div>元素。
您还需要确保在开始向下滚动之前，滚动内容的开头不会被固定的<div>遮挡，方法是将它放入另一个<div>中并适当地定位它。
<body>
<div style="position: fixed; top: 0px; width:100%; height: 100px;">
HEader content goes here
</div>
<div style="margin-top: 100px;">
Main content goes here
</div>
</body>请注意，需要调整第一个<div>的高度和第二个的上边距以满足您的需要。
附注:由于某些原因，这在IE7中不起作用，但这是一个很好的起点，我相信你可以在这个主题上设计出一些变体，以你想要的方式工作。
Stack Overflow用户
发布于 2008-11-04 09:03:56
我可能会在这里遭到CSS纯粹主义者的抨击，但是使用100%宽和高的表格在任何浏览器中都可以工作，并且不需要特定于浏览器的CSS技巧。
Stack Overflow用户
发布于 2008-11-02 12:52:16
您也可以使用
<div style='position:absolute;top:0px:left:0px;'>Text</div>;它将干扰页面顶部的div，但如果您的页面向下滚动，它将停留在那里。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/256811
复制相关文章
相似问题