子div的高度超过父div的高度

Question

我想为Joomla重新创建一个模板，但是使用这个HTML代码（HTML at patebin.com）和这个CSS代码（CSS at pastebin.com），包装div（父）的渲染高度小于内容div（孩子）。我已经使用了谷歌，但添加了一个明确的：div或更改高度都不起作用。

€：只有IE5.5和6才能按照我希望的那样渲染div的高度。

Answer 1

试试这个：（Pastebin.com）

• 我从CSS中移除了所有高度样式;

• 浮动#content div，使其不会与#nav重叠;

• 并在#wrapper中添加了一个.clearfix类，它通过在#wrapper的开头和结尾添加一些不可见内容来保持浮动元素。

当你浮动任何元素时，.clearfix类非常有用。只需将其应用于浮动元素的父级即可。

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} /* works for all browser but IE 6/7 */

.clearfix:after { clear: both; }

.clearfix { zoom: 1; } /* fix for IE 6/7 (triggers hasLayout) */

您可以阅读有关.clearfix here的更多信息。