2010
Jan
27
最近在做新主题的时候在IE6下发现了一个奇怪问题,莫名其妙的多显示了一个字符,刚开始还以为是哪里不小心多余加的呢,后来发现火狐和IE8都是好的,如图:
第二行怎么弄都会多出半个括号,该括号其实就是上一行的最后一个括号,在IE6下就是会多余显示。代码结构如下:
<div style="width:300px; border:1px #CCC solid;">
<div style="width:100px; float:left;">111</div>
<div style="width:200px; float:left;">222</div>
<div style="clear:both"></div>
</div>
解决方法只需要在清除浮动的div前面加一个空的浮动div即可,代码如下:
<div style="width:300px; border:1px #CCC solid;">
<div style="width:100px; float:left;">111</div>
<div style="width:200px; float:left;">222</div>
<div style="float:left;"></div>
<div style="clear:both"></div>
</div>
在我用以上代码演示时问题却没有重现,但在实际出问题的页面代码结构的确如此,也不知道为什么,IE6真是怪了。
本站原创,转载请标明:来自追梦博客(http://www.wuleilei.com/)
相关文章
暂无相关文章!
看看他们的脚印
晚上和爸妈吃个饭。 (2月6日)
装修好累哟
(2月4日)
《斯巴达克斯:复仇》 (2月3日)
白
JankoAtWarpSpeed对...