跟随父div的高度，当子div具有更长的内容时自动调整父div的高度

Question

这是我的HTML - ＆gt; http://aivan.info/

结构

<div id="wrapper">
    <div id="leftg">
    </div>
    <div id="container">

        <div id="header">
        </div>
        <div id="logo">
        </div>
        <div id="navigation">
        </div>
        <div id="body">
            <div id="bleft">
            </div>

            <div id="bright">
            </div>
        </div>
    </div>
    <div id="rightg">
    </div>
</div>

我希望rightg和leftg遵循包装器的高度，同时我希望包装器的高度适合身体的内容。我希望身体基于最小高度的内容是流动的。

PS：应该是IE6，IE7，FF6兼容

Answer 1

使用clear：both样式属性在每个float元素后添加一个额外的div。删除包装器和主体容器的所有高度属性。

Answer 2

这是你想要的：http://www.alistapart.com/articles/fauxcolumns/？

Answer 3

这是一个非常常见的问题，没有明显的解决方案。我认为桌子是最好的选择。做一些谷歌搜索，你会发现大量的各种实现。

一个技巧是将左侧内侧和主内侧放在左侧，它不会是正确的，但您可以将其设置为样式，使其看起来像每侧2个面板。这假设主要内容总是比面板长，我想还有一些其他的怪癖。