Question

我已嵌套div，其中大多数为float:left; display:block;，就像这样：

<div class="container" style="display:block;">
    <div style="float:left; display:block; height:100px;">
    <div style="float:left; display:block; height:100px;">
</div>

我希望div容器在不设置高度的情况下变大。目前它是一条扁平线。
如何设置内部div，以便容器有一个高度？

TL; DR ：目前我可以看到div内的2个很好，但容器是一个扁平的div（没有高度）。
我该如何给它一个高度？

Answer 1

您有两种选择：

<div class="container" style="overflow:hidden">
    <div style="float:left; height:100px;">
    <div style="float:left; height:100px;">
</div>

或

<div class="container">
    <div style="float:left; height:100px;">
    <div style="float:left; height:100px;">
    <div style="clear:left">
</div>

请注意，overflow:hidden元素将包围浮动内部元素。或者，您可以使用元素来清除浮动，这也会使周围的元素包裹它的内容。

另一个提示：您不必声明div是display:block。在HTML中，基本上有两种类型的元素：block和inline。默认情况下，Div为block。

Answer 2

将overflow:hidden添加到该DIV。

如何使div高度取决于内部的内容？

2 个答案: