9

我嵌套div了 s，其中大多数是 s，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容器在不设置高度的情况下变得更大。目前是一条直线。
如何设置inner divs，让容器有高度？

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

4

2 回答 2

12

你有两个选择：

<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 中，基本上有 2 种类型的元素，block和inline. div 是block默认的。

于 2012-06-30T19:48:38.467 回答
2

添加overflow:hidden到该 DIV。

于 2012-06-30T19:44:57.053 回答