Html 不使用'；不要带走他们的孩子'；s的宽度或高度

我经常遇到这个问题，从来都不知道是什么原因造成的

<div id="wrapper">
    <div id="primary">content</div>
    <div id="secondary">content</div>
 </div>

#primary {
width:50%;
float: left;
}
#secondary {
width: 50%;
}

内容
内容
#初级的{
宽度：50%；
浮动：左；
}
#次要的{
宽度：50%；
}

---

然后查看Chrome的inspect元素的属性，wrapper div显示为0px高度和0px宽度

您需要在

下面添加一个

。CSS标记“float”不允许父对象看到子对象的实际结束位置。添加清除任何浮动的左侧和右侧的div允许父元素正确填充空间。

您需要在

下面添加一个

。CSS标记“float”不允许父对象看到子对象的实际结束位置。添加清除任何浮动的左侧和右侧的div允许父元素正确填充空间。

这通常被称为问题。在下面放置内联样式的div的另一种方法是将

overflow:hidden

分配给包装器div

---

有关清算问题的更多信息，请查看（特别是）

这通常被称为问题。在下面放置内联样式的div的另一种方法是将

overflow:hidden

分配给包装器div

---

有关清除问题的更多信息，请查看（特别是）

您需要尝试使用浮点清除div，因此请尝试这些方法，在第二个div之后添加一个

，并将

style=“clear:tware”

添加到我刚才说创建为样式的div中，或者您可以简单地指定包装div的确切高度和宽度，请告诉我发生了什么。祝你好运

您需要尝试用float清除div，因此请尝试这些，在第二个div之后添加一个

，并将

style=“clear:both”

添加到我刚才说创建为样式的div中，或者您可以简单地指定包装div的确切高度和宽度，请告诉我会发生什么。祝你好运

Chrome为我精确计算宽度和高度。#包装器的计算样式显示为

display:block；高度：40px；宽度：645px通过定位绝对值可能重复替代解决方案：。（您也可以通过设置
#wrapper div{width:50%；}
Chrome为我计算宽度和高度。计算出来的#wrapper样式显示为
display:block；height:40px；width:645px；
通过定位绝对值可以复制替代解决方案：。（您还可以通过设置
#wrapper div{width:50%；}