css2----清除浮动
2024-10-15 09:54:42
为什么要清除浮动?
非IE下,当容器的高度为auto,容器有浮动元素,此时容器的高度不能自己伸长适应内容的高度,造成内容溢出乃至影响布局,即所谓的“浮动溢出”,为防此象,需要清除浮动。
如何清除浮动?
这里只记录最好的一种方法,伪元素和ie 触发haslayout:
.clearfix{zoom:1;}
.clearfix:after{content:"x";display:block;height:0;clear:both;visibility:hidden;}
a.给容器添加一个clearfix的class;
b.给这个class添加一个:after伪元素实现添加看不见的块元素
注意:visibility:hidden和display:none的不同:
前者:隐藏但是占位;
后者:不显示不占位。
最新文章
- MySQL导入SQL文件及常用命令
- sql联合查询多个表
- atom 安装插件出现 EIO 错误
- 多线程BackgroundWorker
- 配置caffe的python环境时make pycaffe提示fatal error: numpy/arrayobject.h No such file or directory解决方法
- Cloudera CDH5 部署实战指南(离线安装)
- linux服务器上
- 【亲测可用】MySQL 4.1迁移到MySQL 5.0版本的中文乱码问题解决
- 14.7.2 Changing the Number or Size of InnoDB Redo Log Files 改变InnoDB Redo Log Files的数量和大小
- 利用margin代替小图标的绝对定位;使代码更简洁
- urllib2.URLError: <;urlopen error [Errno 104] Connection reset by peer>;
- Java 接口基础详解
- Lesson 1-1
- java(9)类和对象
- JDBC复习2
- 硬盘SMART参数解释
- win7 任务计划运行批处理,不能正常运行,需用绝对路径
- 4. Add override methods to class
- oracle数据库学习记录(持续更新中...)
- 浅谈React虚拟DOM