Question

我想做这样的事情： enter image description here

案例1：内容高度小于窗口。在案例2中：内容高度大于窗口 - 滚动显示，

我的问题是内容是动态更改的。因此，有时.cont高度大于窗口高度。然后，.foot应该在.cont。

之下

如果我设置此代码

<html>
<head>
<style type="text/css">
.cont{
    margin:0 auto;
    background-color:#333;
    width:800px;
    height:500px;
}
.foot {
    position:absolute;
    left:50%;
    margin:0 0 0 -400px;
    background-color:#F33;
    width:800px;
    height:20px;
    bottom:0px;
}
</style>
</head>
<body>
    <div class="cont"></div>
    <div class="foot"></div>
</body>
</html>

我明白了： enter image description here

感谢您的帮助！

Answer 1

如果您可以稍微修改标记，请尝试以下操作：http://ryanfait.com/sticky-footer/

CSS：页脚位置绝对或相对取决于内容大小？

1 个答案: