我有一个网站的以下基本标记:
<div class="header"></div>
<div class="content_container">
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
</div>
<div class="footer"></div>
我希望能够定位三个内容 div,以便它们水平对齐,一次只有一个可见,这样我就可以在它们之间左右滑动。
问题是三个 div 中的每一个都包含不同数量的内容,因此默认情况下具有不同的高度。
是否可以允许 div 保留其默认高度并仍然强制页脚出现在内容的正下方(无论当前显示三个内容 div 中的哪一个),而不必求助于使用 JSoffsetHeight
等属性?
我在想使用绝对定位是做我想做的事情的唯一方法,但是一旦使用绝对定位,页脚就会一直移动到页眉正下方,因为内容容器 div 被解释为具有高度0。