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

文章内容

清除浮动

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

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

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

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

2008-06-21_005625.png

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

2008-06-21_010030.png

你可以访谒口碑网首页使用firebug睁开dom节点找到响应的位置看。


}

原版(网上搜索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;

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

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

客服热线:tel(谢先生)  客服QQ:1323605005  
服务邮箱:yewubu@huikon.com(售前咨询)  jishubu@huikon.com(技术部)  shouhou@huikon.com(售后服务)
公司地址:四川省攀枝花市
邮编:617200