Jul 10

mirror margin bug 不指定

admin , 00:58 , 默认分类 , 评论(0) , 引用(0) , 阅读(647) , Via 本站原创 | |
<p>  .mirror margin bug,当外层元素内有float元素时,外层元素如定义margin-top:14px,将自动生成margin-bottom:14px。 padding也会出现类似问题,都是ie6下的特产,该类bug 出现的情况较为复杂,远不只这一种出现条件,还没系统整理。解决方案:外层元素设定border 或 设定float。</p><p>  img 下的留白,大家看这段代码有啥问题:</p><p>  &nbsp;</p><p>  失去line-height。&lt;div style=&rdquo;line-height:20px&rdquo;&gt;&lt;img /&gt;文字&lt;/div&gt;,很遗憾,在ie6下单行文字 line-height 效果消失了。。。,原因是&lt;img /&gt;这个inline-block元素和inline元素写在一起了。解决方案:让img 和文字都 float起来。</p><p>  引申:大家知道img 的align 有 text-top,middle,absmiddle啊什么的,你可以尝试去调整img 和文字让他们在ie和ff下能一致,你会发现怎么调都不会让你满意。索性让img 和文字都 float起来,用margin 调整。</p>
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]