我有下面的html代码:
<html>
<body style="margin:0px; padding:0px;">
<div id="outer" style="height:100%;">
<div id="header" style="height:40px; background:blue;">Header</div>
<div id="main" style="height:100%; margin-bottom:-40px; background:red; overflow:auto;">
<p style="height:1000px">Main</p>
</div>
</div>
</body>
</html>
我只希望垂直滚动出现在主div的内容时,它超过了可视区域,它似乎在主div底部的边缘是不工作的。
有人能帮我解决这个问题吗?
1条答案
按热度按时间mdfafbf11#
实际上,你似乎解决了一个错误的问题。如果你只是想去掉body本身的滚动条,那么就把body的样式设置为
overflow:hidden
。这应该可以解决边距问题,然后您所要做的就是保持大小正确。