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