里面的盒子是能够撑开外面的大盒子的，前提是需要设置里面小盒子的高度（宽度不设置也可以，宽度默认为width:100%;）。
举例：div1中放div2,div2中放div3，此时不是设置1 2 的高度，只设置盒子3的高度，那么通过设置盒
子边框颜色可以看出盒子1 2 的高度均为盒子3的高度。
如果不设置盒子高度默认为0px,即无高度。（但是不管是否需要，外面的盒子最好也设置高度宽度）
测试代码如下：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>div测试</title>
<style>
.div1{
border: 1px solid red;
}
.div2{
border: 1px solid blue;
}
.div3{
height: 500px;
width: 80%;
border: 1px solid yellow;
}
.div4{
border: 3px solid black;
}
</style>
</head>
<body>
<div class="div1">
<div class="div2">
<div class="div3"></div>
</div>
</div>
<div class="div4"></div>
</body>
</html>
------------图片太小请拖至浏览器顶部查看-------------
温馨提示：内容为网友见解，仅供参考
无其他回答
相似回答
