最优--清除浮动方法

浮动,相信大家都用过,也觉得很烦吧。

今天给大家推荐一个最优的方法。

1、给父元素

zoom: 1;                  //兼容火狐

2、设置父元素的伪类 

after和before都设置:

content: ' ';   

display: table;

3、:after {

clear: both;

}

******这里是重点。*******

伪类在css3中是双冒号的,在css1中也是有伪类的则是单冒号,为了兼容ie,所以:

最好使用单冒号。在Bootstrap中有使用到。


谢谢大家!!!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 先来讲个故事给你听。阳光明媚的日子,一位小伙子来到公园等待自己的恋人约会,可是他来得太早,却又觉得等待的时光太难熬...
    小帆爱阳光阅读 314评论 0 0
  • 昨天早上同事在晨会分享的时候说到,一老人家有两孩子:一个卖雨伞,一个卖扇子。每天都在发愁,下雨就担心卖扇的女儿扇...
    刘石香阅读 522评论 0 0
  • 咪咪曾是我家的宠物猫。之所以“曾”,是因为我在十天前将它送人了。 一年半前,儿子要过8岁生日,我们商量送他什么做礼...
    蓝柿阅读 724评论 0 0