如何设置才能让浮动后的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>