【问题标题】:DIV in IE7 ,somehow ignores the width occupies the remaining spaceIE7中的DIV,不知何故忽略了宽度占用剩余空间
【发布时间】:2012-08-17 09:08:10
【问题描述】:

让我为大家快速处理:

在 Internet Explorer 7 中转到 http://chetanreddy.com/chat/

请注意,单个单词后面有很多空格。 除了 IE7 之外的所有版本都可以正常工作。 非常感谢您的帮助。

如果你想编辑它:http://jsbin.com/eribuf/3/edit

【问题讨论】:

    标签: css internet-explorer html internet-explorer-7


    【解决方案1】:

    好的,对于初学者,您需要在其中一个背景框上设置一个最小高度,因为它会破坏您的渐变:

    .wBoxTall .right, .gBoxTall .right {min-height: 29px;}
    .wBoxTall .bottom .right, .gBoxTall .bottom .right {min-height: 0;}
    

    每当您在 IE7 中遇到问题时,您应该尝试的第一件事是赋予元素 hasLayout - 这是一个奇怪的小错误,这意味着有时您的样式无法正常工作。指定定位通常也很有用。试试这个:

    .wBoxTall, .gBoxTall {zoom:1; position:relative}
    

    【讨论】:

    • 9以下的IE版本支持的最小高度?
    • min-height 仅受 IE8+ 支持,但这没有理由不将其包含在所有其他浏览器的 CSS 中。但是,有一些方法可以在 IE7 及以下版本中使用 - 如果您热衷于进一步的解决方案,请告诉我。
    • @asprin: 是的 IE lte 9 版本不支持这个问题。
    • @zenkaty :嘿,谢谢你的回复......是的,我知道它破坏了我的渐变,我会解决这个问题,嘿,但是你给出的修复没有奏效,请详细说明,我只需要它在 ie7 和 ie 8 中工作!非常感谢您的帮助!
    • 我发现另一个人有类似的问题,这对你有帮助吗? stackoverflow.com/questions/852104/…
    猜你喜欢
    • 2013-03-09
    • 2012-07-07
    • 2013-05-07
    • 2018-10-09
    • 2019-03-18
    • 2023-04-08
    • 2018-10-23
    • 2013-07-31
    • 2013-02-22
    相关资源
    最近更新 更多