我正在尝试创建一个网站,其中标题栏和页面页脚都固定在一个位置,即标题栏始终在顶部,页脚始终在底部。
这造成了一个问题,即我需要向上推页面上的内容,以便页面页脚不会与内容重叠。
我需要在内容底部添加一些空间,以便在用户滚动到页面底部时不会发生重叠。
我尝试将margin-bottom
css属性添加到最底部的DIV,以便在页面底部添加一些空间,这对于使用margin-top
css属性的最顶部DIV起作用,但不适用于底部的DIV。
这是我网站的主要结构,没有内容:
<html>
<head>
</head>
<body>
<div class="CONTAINER">
<div class="PAGENAVBAR">
</div>
<div class='CATEGORYNAVBAR'>
</div>
<div class='PAGE_CONTENT'>
<div class="LEFTCONTAINER">
</div>
<div class="RIGHTCONTAINER">
</div>
</div>
<div class="PAGEFOOTER">
</div>
</div>
</body>
有人可以建议一种实现这种效果的方法吗?
最佳答案
我发现这很有效:
body {
padding-bottom: 50px;
}
关于html - 在HTML页面底部添加空格,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10815188/