Question

我有一个非常简单的HTML代码：

<body>
        <div id="container">
            <div id="left">
                some text here
            </div>
            <div id="right">
                and some text here
            </div>
        </div>
    </body>

和样式：

div#left {
    float: left;
    background: #e2e2e2;
}

div#right {
    float: right;
    background: #1469ab;
}

我希望div #container的高度等于它内容的高度，但现在它实际为0.如何实现这种行为？

Answer 1

您应该对容器应用非结构性清算喜欢easyclearing http://www.positioniseverything.net/easyclearing.html

否则您也可以为容器指定height: auto; overflow: hidden

Answer 2

将overflow:auto添加到您的#container

div的高度等于“0”

2 个答案: