div+css布局问题:设置浮动后的div高度变化后不超出最外层div

div+css布局问题:我有三个div(div1、div2、div3),div2和div3是嵌套在div1里面, div2和div3浮动过后,他们的高度会超出最外层的div1.


如何设置才能让浮动后的div高度变化后不超出最外层的div呢,即最外层的div的高度的变化是随内层div的高度变化决定?
解决办法如下:
<html>
<head>
<title>标题</title>
<style type="text/css">
.div2{width:300px;height:200px;border: 1px solid red;float:left;}
.div3{width:200px;height:300px;border: 1px solid green;float:left;}
.clear{clear:both}
</style>
</head>
<body>
<div class="div">
	<div class="div2">我是DIV2</div>
	<div class="div3">我是DIV3</div>
	<div class="clear"></div><!--清除div1、div2的浮动-->
</div>
</body>
</html>



发布了90 篇原创文章 · 获赞 21 · 访问量 47万+

猜你喜欢

转载自blog.csdn.net/yx13649017813/article/details/48315789