合买大神
网站首页 网站建设 公司动态 行业新闻 案例展示 关于我们

文章内容

清除浮动

日期:2013-12-09  来源:攀枝花惠康网络公司

常规断根浮动,只要在需要断根的阿谁元素加上clear:left、clear:right或者clear:both

可是有两个情形下,靠以上这种简单措置不行。

第一种情形的示例看下图:

2008-06-21_005625.png

第二种情形的示例看下图:

2008-06-21_010030.png

你可以访谒口碑网首页使用firebug睁开dom节点?#19994;?#21709;应的位置看。


}

原版(网上搜索clearfix处处都是)对IE/MAC供给了撑持,而且用height:1%对IE进行hack。我对那部门做了改削,用了zoom:1来庖代。

此外比来不小心看到网上一个新体例,这样子也行…

今天说说断根浮动,clear float。

.clearfix {

第一种情形,父元素有border或者background等视觉浮现,而子元素都是float元素的时辰,需要对子元素竣事的时辰对float做清理,否则视觉显示不出来。第二种情形,也是基于视觉的考虑,第一个元素的子元素做了一些浮动,紧接着的第二个元素有border要显示,可是如不美观直接在自己身上加clear,会导致第一个元素的padding-bottom后者自己的margin-top失踪灵,而因为要显示border,欠好用padding-top来节制与第一个元素的间距。这些时辰可以用这个经典的断根浮动class加在父元素上来断根自身的浮动:

123456789 .clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}.clearfix {zoom:1;}
overflow:auto;
zoom:1;

文章来源:攀枝花惠康网络公司

惠康网络,是一家专业从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大?#34892;?#22478;市,我们高效优质的网站建设服务深受用户好评。

客服?#35748;擼?img src="skin/images/tel.png" alt="tel" height="15" width="84" style="vertical-align:middle;">(谢先生)  客服QQ:1323605005  
服务邮箱:[email protected](售前咨询)  [email protected](技术部)  [email protected](售后服务)
公司地址:四川省攀枝花市
?#26102;啵?/span>617200

合买大神 奥格斯堡沃尔夫斯堡 水果老虎机怎么玩 电竞比分 美因茨对沃尔夫斯堡 南粤风采36选7开奖 AG电子竞技俱乐部总部 弗罗西诺内对国际米兰 1zplay电竞比分直播 塞维利亚欧冠 大邱购物