【问题标题】:CSS element consuming entire width in IE7在 IE7 中占用整个宽度的 CSS 元素
【发布时间】:2011-01-20 05:08:14
【问题描述】:

我有一个 IE7 CSS 问题。我在 jsfiddle 中设置了一个演示,但基本上我有一个选项卡式菜单设置,选项卡上有圆角(jsfiddle 中没有显示圆角)。圆角左右浮动。

在 FF 和 Chrome 中一切正常,但在 IE7 中,浮动元素导致选项卡占用整个宽度。我尝试了很多东西,溢出:隐藏,位置,显示等......但我就是无法解决!

任何帮助表示赞赏。

http://jsfiddle.net/EszSr/1/

【问题讨论】:

    标签: css internet-explorer-7


    【解决方案1】:

    如果需要,我只需将角元素设置为display: absolute;,将容器设置为position: relative。应该可以的。

    jsFiddle 上的简单演示:http://jsfiddle.net/ZSpjk/1/

    【讨论】:

    • 对左角效果很好,但右角不太好,因为右边有 2px 的间隙(边距) - 我可以将 2px 考虑到 abs 定位中,但是角落会仅适用于此内容,我也想将它们应用于其他内容
    • 真好!早些时候玩过这个,但一定是做错了什么。谢谢!
    【解决方案2】:

    我会尝试的方法(无法访问 IE7 自动取款机)是为选项卡提供宽度(仅适用于 IE,例如通过条件注释)。它可能比您实际需要的宽度更小,IE 会根据内容的需要“加宽”它。

    【讨论】:

      猜你喜欢
      • 2017-07-03
      • 1970-01-01
      • 2010-09-07
      • 1970-01-01
      • 2022-11-23
      • 1970-01-01
      • 2010-12-29
      • 2010-10-26
      • 2017-12-31
      相关资源
      最近更新 更多