我正在尝试创建一个网站,其中标题栏和页脚都位于固定位置,即标题栏始终位于顶部,页脚始终位于底部。
这产生了问题,我需要将页面上的内容向上推送,以便页面页脚不会与内容重叠。我需要在内容的底部添加一些空间,以便在用户滚动到页面底部时不会发生重叠。我试图向margin-bottom
最底部的 DIV 添加一个 css 属性,以便在页面底部添加一些空间,这适用于使用margin-top
css 属性的最顶部的 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>
有人可以建议一种方法来达到这种效果吗?