答案是不会。
为了证明答案的正确性，下面做了一个小例子。
<pre>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算父div的宽高</title>
<style>
#parent{
background-color: dimgray;
}
#div1{
width: 200px;
height: 200px;
background-color: blue;
float: left;
}
#div2{
width: 150px;
height: 250px;
background-color: aqua;
float: right;
}
</style>
</head>
<body>
<div id="parent">
<div id="div1"></div>
<div id="div2"></div>
</div>
</body>
</html>
</pre>
在上面的代码块中，id为<em>parent</em>的div中包含两个子div,分别为他们设置了宽、高、背景色、浮动效果等样式。并且为id为parent的div设置<code> background-color: dimgray; </code>，在浏览器的效果如下图所示：
1-1.png
从上面1-1图片中看到,左右两个浮动div效果正常显示，但是其父容器并没有在他们的下方显示（需要注意的是父容器有背景色），所以得出的结论就是不会撑起父容器
网友评论