html - Internet Explorer 7 溢出使用最小宽度

Question

受影响的页面:http://adq.geantduweb.ca/

Firefox、Ie8、9 和 Google chrome 都以预期的效果运行。溢出有效...

但是 Internet Explorer 7 我在底部有一个水平滚动条，你可以看到我的白色面具隐藏了主题蓝色条(面包屑)

有什么想法可以让它在 ie7 中工作吗？

我的溢出在我的#wrapper 上，它的最小宽度为 960px

这是导致问题的元素的一些 CSS。 (请注意，这是 SASS CSS，它在解析时就像普通 CSS 一样输出。)

#wrapper
    min-width:960px
    overflow:hidden

#content
    background:#fff
    min-height:100px
    padding:1px 0px 0px 0px
    #component
        padding-bottom:30px
    .contentinner
        position:relative
        width:960px
        margin:0px auto
        .contentrightmask
            position:absolute
            top:-44px
            right:-10000px
            width:10000px
            z-index:900
            height:43px
            padding:0px
            margin:0px
            background:#FFF

感谢您的帮助!

Answer 1

1.IE6 和 7 都这样做，这是由它们令人震惊的吱吱作响的布局引擎引起的 - 它从未在脑海中构建 CSS，但它仍然显示，即使在 IE8(q) 中也是如此。将 float:right 元素放在最前面可能是最常见的。通过 Keith More info
2.或者尝试将它们设置为 display:inline 或 display:inline-block More info other link
3.尝试对标记进行小的更改:将带有 float 的元素放在没有 float 的元素之前(来自同一行)。它应该有所帮助。通过 oryol More info