http://www.zhoumingzhi.com/2010/06/26/about-clearfix/ 这里全是流水账 Thu, 08 Dec 2011 03:36:23 +0000 hourly 1 http://wordpress.org/?v=3.3 http://www.zhoumingzhi.com/2010/06/26/about-clearfix/comment-page-1/#comment-102 dawenci Thu, 01 Jul 2010 06:30:07 +0000 http://www.zhoumingzhi.com/?p=835#comment-102 另外，重构后的clearfix是不合理的(重构前的clearfix是最完美的，那个长长的Demo分析有误)。 display的属性值为table的情况，效果往往不能符合要求，你可以试试，被当作table渲染的盒子，其边框不会自动扩展，而会收缩到仅仅包含住里面的元素，这和IE下的表现不一致。当然，如果这个元素设定了固定宽度，那没问题。另外，渲染为table还会衍生一系列意外问题出来，相当让人抓狂。 另外，重构后的clearfix是不合理的(重构前的clearfix是最完美的，那个长长的Demo分析有误)。
display的属性值为table的情况，效果往往不能符合要求，你可以试试，被当作table渲染的盒子，其边框不会自动扩展，而会收缩到仅仅包含住里面的元素，这和IE下的表现不一致。当然，如果这个元素设定了固定宽度，那没问题。另外，渲染为table还会衍生一系列意外问题出来，相当让人抓狂。

]]> http://www.zhoumingzhi.com/2010/06/26/about-clearfix/comment-page-1/#comment-100 dawenci Thu, 01 Jul 2010 06:24:18 +0000 http://www.zhoumingzhi.com/?p=835#comment-100 clearfix的原理并非在应用了clearfix的元素后插入一个带清理属性的元素。而是在clearfix内部的所有元素完结后，追加一个清理浮动的元素进去。这点可以通过一个最简单的实验看到效果。嵌套效果应该如下： <div> <div class='float'></div> <div style='clear: both;'></div> </div> clearfix的原理并非在应用了clearfix的元素后插入一个带清理属性的元素。而是在clearfix内部的所有元素完结后，追加一个清理浮动的元素进去。这点可以通过一个最简单的实验看到效果。嵌套效果应该如下：
<div>
<div class=’float’></div>
<div style=’clear: both;’></div>
</div>

]]> http://www.zhoumingzhi.com/2010/06/26/about-clearfix/comment-page-1/#comment-99 行者 Mon, 28 Jun 2010 05:41:38 +0000 http://www.zhoumingzhi.com/?p=835#comment-99 分析的很透彻，以前只是用，没有过多思考细节。 学习了。 分析的很透彻，以前只是用，没有过多思考细节。
学习了。

]]>