> 如何清除网站DIV浮动效果_建站指南_怀柔网站建设|怀柔网站制作|怀柔网站设计|怀柔网页设计公司_北京怀柔巨优网络网站建设
互联网应用服务提供商!    全国售前咨询:010-69632027/13241022177怀柔巨优网络

建站指南

公司新闻

公司公告

行业新闻

客户动态

建站指南

怀柔做网站

常用资料

网络营销

网站优化

售前咨询
致电 010-69632027

售后服务
邮箱:bxhsit@126.com

在线咨询
怀柔巨优网络

公司地址
怀柔富乐北里113号

时间:2013-04-19 09:43来源:怀柔网站建设作者:怀柔网页设计怀柔网站优化
网站建设过程中,DIV的清除浮动是不能省略的,或者说是必不可少的,各种浏览器在这个清除浮动问题上又不太相同,怀柔网站建设公司巨优网络认为:不能过多的写多余的代码让浏览器头大,所以在尽量少的代码前提下如何把网站浮动清除是非常重要的。下面怀柔网站建设巨优网络,就介绍一种清除浮动的方法,可以说是非常的实用。
如何清除网站DIV浮动效果
01 <style>
02 .clearfix:after{
03         visibility: hidden;
04         display: block;
05         font-size: 0;
06         content: ".";
07         clear: both;
08         height: 0;
09 }
10  
11 * html .clearfix{zoom: 1;}
12  
13 *:first-child + html .clearfix{zoom: 1;}
14  
15 </style>
16  
17 <div class="clearfix" style="border: 2px solid red;">
18     <div style="float: left; width: 80px; height: 80px; border: 1px solid blue;">
19        怀柔巨优网络网站建设公司
20     </div>
21 </div>

下面怀柔网站建设巨优网络分析一下这些代码都是起什么作用的。

首先是利用:after伪类来兼容支持这一标准的浏览器们,FF、Chrome自然属于强烈支持标准的浏览器行列,不过IE自从繁殖到第八代开始,也表示支持这一伪类。:after伪类用来和content属性一起使用设置在对象后的内容。after伪类IE不支持,它用来和content属性一起使用设置在对象后的内容,例如:

1 .clearfix:after {content:".";}

这个CSS将会让clearfix类标签内的文本后边加上英文句号。

"* html"这个选择符只有IE6才能识别,因此在其中设置缩放属性"zoom: 1;",便可实现兼容IE6;"*:first-child + html"这个选择符只有IE7才能识别,因此设置缩放属性"zoom: 1;" 便可实现兼容IE7。

清除浮动是一种很多年就重复的话题,也出现了很多种的解析方案,怀柔网站建设公司巨优网络认为这种解决方案是可行的。

巨优网络微信,巨优网络微博

北京巨优信息技术有限公司是一家从事怀柔网站建设怀柔网站制作怀柔网站优化公司,推动怀柔网站建设,怀柔SEO优化服务,服务范围涉及怀柔网站建设,怀柔网站制作,怀柔网站优化,怀柔网站推广,怀柔网站维护,网站托管,网站空间,网站域名等内容,为客户提供完善的网站建设解决方案,推动怀柔网站建设服务业务的发展!怀柔做网站,怀柔做网站公司,选北京巨优信息技术有限公司!咨询热线:010-69632027

  怀柔优秀网站建设提供商-APP建站--微信营销-手机网站

巨优简介|如何合作|新浪微薄|腾讯微薄|提交网站需求|联络方式|有问必答

全国统一咨询服务

010-69632027  13241022177