奇怪的CSS页脚错误

时间:2012-04-15 14:03:03

标签: css html size wrapper footer

嘿我的主页上有我的页脚div问题

http://kelteseth.net/2012/04/einsteigerhilfe-unterschied-ubuntu-kubuntu-und-xubuntu/

问题是包装器div 内容div 的高度不同。页脚div位于我的网站的中心:/我如何根据内容div的大小更改包装器div 的大小

<div id="wrapper">
<div id="content">
<!-- My content... -->
</div>
</div>
<div id="footer">
<!-- My footer stuff... -->
</div>

2 个答案:

答案 0 :(得分:2)

clear: both;添加到#footer样式。

#content#primary div是浮动的,因此它们不会影响#wrapper div的高度。

编辑:此方法不会更改#wrapper div的高度,因此如果您打算为其指定边框或背景图像,LarsNyström的overflow: auto;方法将更适合您。

答案 1 :(得分:1)

overflow: auto;

设置#wrapper

发生这种情况的原因是浮动元素的父元素崩溃。有许多技术可以解决它。我提到的那个称为溢出方法。更多信息:http://css-tricks.com/all-about-floats/