有极速快乐十分吗|极速快乐十分走势图|

最优的浮动清除方案之一推荐

W3标准不变,清除浮动不止
服务器君一?#19981;?#36153;了116.938 ms进行了5次数据库查询,努力地为您提供了这个页面。
试试阅读模式?希望听取您的建议

对于日新月异的WEB开发技术和浏览器更新频率来说,清除浮动已然是一个被人嚼碎了的话题。说是这些年过去了,有关float的地方,还依然少不了清除浮动的标签和css代码。W3C整天研究html5,就不能抽出点时间来把这种烦人的小细节修正一下吗?抱怨归抱怨,饭还得吃,钱还得挣,清除浮动就不能停止。

为了清除浮动增?#28216;?#35821;义代码已经是最稳定和简单的方式,但总叫开发者心里感到不舒服,毕竟这么多年来早已习惯了结构和样式的分离,非要在结构中插入这样一行无语义代码就会让人觉得有种难以掌握的感受。

通过css代码清除浮动也不省?#20572;?#20809;是当前这种多个浏览器?#25103;?#27983;览器份额的状况所带来的各种css hack就够让人头疼的了,而且这还没说到那些个浏览器的不同版本之间又有多少的差别。通过css清除浮动还是一个长期的过程,因为你还要期盼下一牌浏览器没有针对浮动修改对html代码的解释。

要说在当前这种恶劣的状况下,选取哪种方式去清除浮动最为可取,这事一个人说了不算,要?#21019;?#23478;的意见。

很多时候,开发人员在前端开发时遇到问题,就会去找那些运用了类似技术的大型网站,去分析它们的解决方案,然后用到自己的网站上,连为什么都省得去想了。我也常常这么做。具体到清除浮动这个问题上,我现在所用的无语义标签法就是在看到某大型网站用过之后,?#20063;?#36873;用的。

不过今天重提这个问题,是因为我又在一个大型网站上看到了不同的方?#28014;?#23427;们是这样做的:

<style>
.clearfix:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ".";
        clear: both;
        height: 0;
}

* html .clearfix{zoom: 1;}

*:first-child + html .clearfix{zoom: 1;}

</style>

<div class="clearfix" style="border: 2px solid red;">
    <div style="float: left; width: 80px; height: 80px; border: 1px solid blue;">
        简明现代魔法
    </div>
</div>

虽说这是来?#28304;?#22411;网站,可信任度很高,可以不去思考而直接用,但学习的态?#28982;?#26159;要有,就此分析一下其中的原理。

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

如果现在不是2012看,而是10年后,可能就不用再往下讲了。但因为现在IE6和IE7还很有势力,所以,我们还得好好照顾它们。:after伪类IE不支持,它用来和content属性一起使用设置在对象后的内容,例如:

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

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

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

原理分析完毕。方法是可行的,完美解决是不可能的。所以,W3标准中的浮动一天不变,清除浮动就会一天不止。

本文地址:http://www.bavugt.tw/librarys/veda/detail/1880,欢迎访问原出处。

不打个分吗?

转载随意,但请带上本文地址:

http://www.bavugt.tw/librarys/veda/detail/1880

如果你认为这篇文章值得更多人阅读,欢迎使用下面的分享功能。
小提示:您可以按快捷键 Ctrl + D,或点此 加入收藏

大家都在看

阅读一百本计算机著作吧,少年

很多人觉得自己技术进步很慢,学习效率?#20572;?#25105;觉得一个重要原因是看的书少了。多少是多呢?起码得看3、4、5、6米吧。给个具体的数量,那就100本书吧。很多人知识结构不好而且不?#20302;常?#22240;为在特定领域有一个足够量的知?#35835;?足够?#24049;?#30340;知识结构,?#20302;?#21270;以后就足以应对大量未曾遇到过的问题。

奉劝自学者:构建特定领域的知识结构体系的路径中再也没有比学?#26696;?#19987;业的专业课程更好的了。如果我的知识结构体系足?#38405;依?#38754;?#24616;?#30340;大部分甚至吞并他的知识结构体系的话,读到他言语中的一个词我们就已经知?#28010;?#35201;表达什么,我们可以让他坐“上位”毕竟他是面?#24616;伲?#20294;是在知识结构体系以及心理上我们就居高临下。

所以,阅读一百本计算机著作吧,少年!

《重构:改善既有代码的设计》 福勒(Martin Fowler) (作者), 熊节 (译者)

《重构:改善既有代码的设计》清晰地揭示了重构的过程,解释了重构的原理和最佳?#23548;?#26041;式,并给出了何时以及何地应该开始挖掘代码以求改善。书中给出了70多个可行的重构,每个重构都介绍了一种经过验证的代码变换手法的动机和技术。《重构:改善既有代码的设计》提出的重构准则将帮助你一次一小步地修改你的代码,从而减少了开发过程中的风险。

更多计算机宝库...

有极速快乐十分吗
福建36选7走势图两 半全场胜负 ag捕鱼王贴吧 甘肃快三当曰开奖号码 海南开心网七星彩论坛 大神娱乐app棋牌 辽宁十一选五基本走势图百度百度贴吧 不投资用手机赚钱多少种 九关虎豹二肖中特 秒速时时彩开奖结果