Question

我的父div高度存在问题。

它不包含儿童。

JSBIN：JSBin

问题的基础是：

我有这样的代码：

<div class="itemsContainer">
  <div class="left">
     --SOME STUFF--
  </div>
  <div class="right">
    --SOME STUFF--
  </div>
</div>

并且.itemsContainer计算出的身高不包含儿童身高。

查看JSBin以获取更多代码。

请你给我一个提示，我该怎么办呢？

Answer 1

这种情况正在发生，因为floats未被清除。

<强>解决方法1：

清除漂浮物。

HTML：

<div class="itemsContainer">
    <div class="left">
        --SOME STUFF--
    </div>
    <div class="right">
        --SOME STUFF--
    </div>
    <div class="clear"></div>
</div>

CSS：

.clear{clear:both;}

See DEMO.

<强>溶液2：

添加以下内容：

.itemsContainer{overflow:hidden;}

See DEMO.

Answer 2

在子div完成之后清除你的float元素，如下所示。

<div class="itemsContainer">
<div class="left">
 --SOME STUFF--
</div>
<div class="right">
 --SOME STUFF--
</div>
<div style="clear:both"></div>
</div>

Updated JSBin

div高度不包括儿童

2 个答案: