2

受影响的页面：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

谢谢您的帮助！

4

3 回答 3

0

1.IE6 和 7 都做到了这一点，这是由它们令人震惊的吱吱作响的布局引擎造成的——它从来没有考虑过 CSS 构建，它仍然显示，即使在 IE8(q) 中也是如此。将 float:right 元素放在首位可能是最常见的。通过Keith 更多信息
2.或尝试将它们设置为display:inline或display:inline-block 更多信息 其他链接
3.尝试进行小的更改标记：将带有浮动的项目放在没有浮动的项目之前（来自同一行）。它应该有帮助。通过oryol 更多信息

于 2012-09-05T02:37:03.173 回答
0

在你的代码中

<div class="contentrightmask" slick-uniqueid="389"/>在ie7中

哪个有possision absolute和宽度是10000px，甚至它不包含任何数据删除它div或修复你的Css

于 2012-09-05T04:45:22.017 回答
0

我修好了它

感谢：http ://snook.ca/archives/html_and_css/position_relative_overflow_ie

我把位置：相对于我的#wrapper（具有溢出的元素：隐藏。）

感谢所有尝试过的人:)

于 2012-09-05T17:23:31.547 回答