Question

一个不浮动的div里嵌套多个浮动div,然后在不浮动的div下设置一个div。怎么实现div在不浮动div内。

<div style="width: 80%; margin: 0 auto; background-color: #eee;"
align="center">
<div style="width: 95%; background-color:gray;">
<div
style="border:solid 1px; float: left; width:150px; height: 200px; background-color:green;margin-left: 20px; margin-top: 20px;">
"<br> <img src="" height="100px" width="100px"><br> <a
href="action">昵称</a><br> <a href="action">性别</a><br> <a
href="action">年龄</a><br> <a href="action">住址</a><br>

</div>
<div
style="float: left; width:150px; height: 200px; background-color:green;margin-left: 20px; margin-top: 20px;">
<br> <img src="" height="100px" width="100px"><br> <a
href="action">昵称</a><br> <a href="action">性别</a><br> <a
href="action">年龄</a><br> <a href="action">住址</a><br>

</div>

<div
style="float: left; width:150px; height: 200px; background-color:green;margin-left: 20px; margin-top: 20px;">
<br> <img src="" height="100px" width="100px"><br> <a
href="action">昵称</a><br> <a href="action">性别</a><br> <a
href="action">年龄</a><br> <a href="action">住址</a><br>

</div>
<div
style="float: left; width:150px; height: 200px; background-color:green;margin-left: 20px; margin-top: 20px;">
<br> <img src="" height="100px" width="100px"><br> <a
href="action">昵称</a><br> <a href="action">性别</a><br> <a
href="action">年龄</a><br> <a href="action">住址</a><br>

</div>
<div
style="float: left; width:150px; height: 200px; background-color:green;margin-left: 20px; margin-top: 20px;">
<br> <img src="" height="100px" width="100px"><br> <a
href="action">昵称</a><br> <a href="action">性别</a><br> <a
href="action">年龄</a><br> <a href="action">住址</a><br>

</div>
<div
style="float: left; width:150px; height: 200px; background-color:green;margin-left: 20px; margin-top: 20px;">
<br> <img src="" height="100px" width="100px"><br> <a
href="action">昵称</a><br> <a href="action">性别</a><br> <a
href="action">年龄</a><br> <a href="action">住址</a><br>

</div>
</div>
<div >

Answer 1

不能加clear:both这一个，这样的话外层的块也会清除浮动的。应该是把再所有浮动层外面再加一个不浮动层。和你要加的下一个不浮动层同级。这样就可以。

Answer 2

在浮动的DIV下添加一个<div style="clear:both;"></div>

Answer 3

clear:both

Answer 4

清除浮动：
clear:both