div高度不能自适应
发布网友
发布时间:2022-04-21 03:21
我来回答
共1个回答
热心网友
时间:2022-04-21 04:50
在外面的部分,是不是设置了float:left了?
看下面的示例代码吧。一旦设置了float,相当于到了另外一个位面了。
<!DOCTYPE
html>
<html>
<head>
<meta
charset="gbk">
</head>
<body>
<div
style="width:200px;height:auto;border:2px
solid
red;">
<div
style="width:100px;height:100px;background-color:green">正常div</div>
<div
style="width:100px;height:100px;background-color:blue">这是不设置float:left的情况</div>
</div>
<div
style="width:200px;height:auto;border:2px
solid
red;">
<div
style="width:100px;height:100px;background-color:green">正常div</div>
<div
style="width:100px;height:100px;background-color:blue;float:right">这是设置float:left的情况</div>
</div>
<div
style="width:200px;height:200px;;border:2px
solid
red;float:left">
<div
style="width:100px;height:100px;background-color:green">正常div</div>
<div
style="width:100px;height:100px;background-color:blue;float:right">这是设置float:left的情况</div>
</div>
<div
style="clear:both"></div>
</body>
</html>