黑马程序员技术交流社区

标题: 清除浮动的详细方式？ [打印本页]

---

作者: 南国之南    时间: 2016-6-28 12:45
标题: 清除浮动的详细方式？
最好能有例子，谢谢

---

作者: Songwear    时间: 2016-7-7 01:06
在开发之前不是需要写一个重置的CSS样式嘛，你去搜索reset.css会对你有帮助的。
我是这样写的，希望对你有帮助。

1. .clearfloat{
   
2.     zoom: 1;
   
3. }
   
4. /*在尾部放了一个块级元素，让其左右清除浮动，把盒子撑起来*/
   
5. .clearfloat:after{
   
6.     display: block;
   
7.     clear: both;
   
8.     content: "";
   
9.     visibility: hidden;
   
10.     height: 0;
    
11. }

复制代码

---

作者: 南国之南    时间: 2016-7-9 11:43

Songwear 发表于 2016-7-7 01:06
在开发之前不是需要写一个重置的CSS样式嘛，你去搜索reset.css会对你有帮助的。
我是这样写的，希望对你有 ...

虽然来得有点晚，但是还是谢了，朋友

---

作者: 冬冬宋    时间: 2016-8-9 23:28
clear：both；

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2