css之清理浮动

  • 时间:2018-06-17 21:00 作者:指尖上跳跃的小羊 来源:指尖上跳跃的小羊 阅读:120
  • 扫一扫,手机访问
摘要:清理浮动的目的就是为理解决父盒子高度为0的问题1).假如一个元素要浮动,那么它的祖先元素肯定要有高度2).clearBoth:效果同上,但是这种会导致margin失效3).隔墙法:在两个元素之间加个div,设置clearBoth,并且设置高度4).内墙法:在同级元素加个div,设置clearBoth

清理浮动的目的就是为理解决父盒子高度为0的问题

1).假如一个元素要浮动,那么它的祖先元素肯定要有高度

2).clearBoth:效果同上,但是这种会导致margin失效

3).隔墙法:在两个元素之间加个div,设置clearBoth,并且设置高度

4).内墙法:在同级元素加个div,设置clearBoth,这样能根据子元素的高度自动撑开高度

5).overFlow:hidden:溢出隐藏,假如给父亲加上该属性能让父类元素被子类元素撑出高,IE6要加上_zoom:1属性

.clearfix:before,.clearfix:after{

content:"";

display:table;

}

.clearfix:after{

clear:both;

}

.clearfix{

zoom:1;

}

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】2019蚂蚁金服面试总结(Java方向)(2019-04-18 16:19)
【系统环境|】notepad++ 三位数字正则替换规则(2019-04-12 23:02)
【系统环境|服务器应用】网络工程师跨交换机的Vlan配置与管理知识(2019-03-26 02:14)
【系统环境|服务器应用】最小化的定制版linux系统:CoreOS(2019-03-26 02:14)
【系统环境|服务器应用】分布式系统面试题:分布式事务处理方案?(2019-03-26 02:13)
【系统环境|服务器应用】带着网关去旅行(系列二):防止vps上ssh端口被恶意扫描(2019-03-26 02:13)
【系统环境|服务器应用】美团iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】百度iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】Java大佬之学习历程(三)(2019-03-26 02:13)
【系统环境|服务器应用】Android面试集锦系列(38)——在项目中使用AsyncTask会有什么问题吗?(2019-03-26 02:13)
手机二维码手机访问领取大礼包
返回顶部