为什么要使用div标签
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
</div>
![html中div使用自动高度,即不设置height属性要注意的问题 html中div使用自动高度,即不设置height属性要注意的问题](https://i-blog.csdnimg.cn/blog_migrate/e186008a0f8d092a7d818669b7c59012.jpeg)
<div style="width:200px;border:1px solid red;">
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="clear:both;"></div>
</div>
![html中div使用自动高度,即不设置height属性要注意的问题 html中div使用自动高度,即不设置height属性要注意的问题](https://i-blog.csdnimg.cn/blog_migrate/e24bc59c7b16733623f86c01d89dd38e.jpeg)
<div style="width:200px;border:1px solid red;">
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="clear:both;"></div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
</div>
![html中div使用自动高度,即不设置height属性要注意的问题 html中div使用自动高度,即不设置height属性要注意的问题](https://i-blog.csdnimg.cn/blog_migrate/3e1d39247cd201a1fbe850f623b2e187.jpeg)
<div style="float:left;width:200px;border:1px solid red;">
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
</div>
![html中div使用自动高度,即不设置height属性要注意的问题 html中div使用自动高度,即不设置height属性要注意的问题](https://i-blog.csdnimg.cn/blog_migrate/cd136d23544f04215ea33edec4f138c1.jpeg)
content: ".";
display: block;
height: 0;
clear: both;
}
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
</div>