可恶的IE6双倍浮动BUG及解决办法

制作页面时常会碰到IE6双倍浮动BUG,以前我的解决方法就是多写一行CSS HACK

如:

margin-left:12px;
-margin-left:6px;

这种方法虽然有效,但在讲究完美的coder来说使用CSS HACK是不能接受的

真正的解决方法:

加上display:inline

是的,没有看错,就是这么简单,被IE双倍浮动BUG困扰的朋友试一下吧

困难终于实践

7 条评论

  1. niceidea

    那你和我友链不?哈哈.技术早忘光了,虽然以前也是bi的金牌会员。

  2. 银子

    @网站建设 本博只与技术博客友链,谢谢关注

  3. 网站建设

    站长 和你做个连接怎么样啊

  4. 银子

    @原始
    您的看法不能认同..写css时用到hack是一种无奈的表现,应尽可能避免,

    针对您的第三点,您可能忘记了这个bug出现的原因:浮动.这个元素在实际上已经是内联元素了.理应标明display:inline属性.

    谢谢关注本博.

  5. 原始

    很多时候,我会尽量的去避免发生这个bug。在这个问题上,我的次序是这样的。
    1、如果能用padding就用padding;
    2、不能用padding就用margin,仅仅是写多一行需要针对ie6的bug而已;
    3、最后才考虑display:inline;我们使用标签考虑的更多还是它的意义话,标签本来就是block属性的,我们为什么要去更改它的默认属性呢?

  6. 银子

    @iwefsal

    你的URL是? -_-!!

  7. iwefsal

    我可以和你做友情链接么?站长?

发表评论

验证码: 验证码看不清发泄点这里

 

浏览最多的10篇日志

评论最多的10篇日志

随机显示的10篇日志