html 底部边距在%100 div上不起作用

gfttwv5a  于 2023-02-10  发布在  其他
关注(0)|答案(1)|浏览(176)

我有下面的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底部的边缘是不工作的。
有人能帮我解决这个问题吗?

mdfafbf1

mdfafbf11#

实际上,你似乎解决了一个错误的问题。如果你只是想去掉body本身的滚动条,那么就把body的样式设置为overflow:hidden

<html>
  <body style="margin:0px; padding:0px;overflow:hidden;">
   <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>

这应该可以解决边距问题,然后您所要做的就是保持大小正确。

相关问题