清除浮动的八种方法
2020-08-11 本文已影响0人
两朵小黑云
说少了不行，说多了及格，反正就点搞你，朋友。
先来干货要不你看不下去呀
- 1. 父级div直接给height
- 2. 父级div也float
- 3. 子盒子下加div 并且 clear: both
- 4. 子盒子下加br 并且 clear:both
- 5. 父级 overflow: hidden
- 6. 父级 overflow: auto
- 7. 父级 diplay: table
- 8. 借助伪类 after 和 zoom
什么是浮动？为啥要清除浮动？想干嘛?
<body>
<div class="test01">
<div class="box1"></div>
</div>
<span> 我想独立一行显示，懂？</span>
</body>
<style>
.box1{
width: 100px;
height: 100px;
background-color: orangered;
}
</style>
248288fa75baa2fcf5fafa18b01e95c.png
