2007-3-22 上午 - Web开发 - -

其实这个问题在去年做不会自己会动的书时就发现了，不过一直没有整理出来，IE对百分比的计算是四舍五入的，也因而出现100%大于100%的情况，其实，可以用clear:right来解决问题，今天在整理clear的用法时突然想到。

测试页面，IE打开

clearright
再配合overflow:hidden就可以搞定问题。

不要问我这个是为什么，我也不知道原因，谁知道跟我说下，我也是那里玩时偶然发现的。XD　代码在这里

<div class="wrapper">
<div class="sbox">Content</div>
<div class="sbox">Content</div>
</div>
.wrapper{
clear:both;
float:left;
width:150px;
border:3px #666 solid;
padding:3px;
background-color:#efefef;
}
.sbox{
/*clear:right;*/
float:left;
width:100px;
height:100px;
border:1px #000 solid;
background-color:#ccc;
}

这篇文章发表于2007年3月22日 04:50:23，并被分类于Web开发。
您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论， 也可以发表你的评论。

共有 9 条评论

  1. .wrapper{ @ 2007-04-02 22:29 #

    .wrapper{
    clear:both;
    这个有何必要？

    回复
  2. McSpring @ 2007-04-04 21:41 #

    神奇的裸奔，神奇的技术。。。

    回复
  3. aoao @ 2007-04-09 00:40 #

    to 那个没有留名的朋友。
    那个是因为例子有多个。用来清浮动的。

    回复
  4. 英子 @ 2007-04-23 15:35 #

    只对IE有效。

    回复
  5. mercury @ 2007-05-24 14:17 #

    俺一般在上面布局较复杂，最后做bottom区时clear all下，就搞定了。

    回复
  6. minchao @ 2008-01-05 14:50 #

    这有什么用？

    回复
  7. aoao @ 2008-01-09 11:08 #

    @minchao 可以当bug利用。。有时布局可以用到

    回复
  8. chenc @ 2008-03-21 10:18 #

    Firefox有方法实现这样的效果吗？

    回复
  9. aoao @ 2008-03-21 17:42 #

    @chenc 也许有，不过我还没发现到 T_T

    回复

发表评论

（必填）

（必填）