Question

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

Firefox，Ie8,9和Google Chrome都以预期的效果运行。溢出工作......

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

任何让这个在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）。放浮动：右边元素可能是最常见的。截至Keith More info
2.或者尝试将它们设置为display:inline或display:inline-block More info other link
3.尝试小改变标记：在没有它的项目之前放置具有浮动的项目（来自同一行）。它应该有所帮助。 oryol More info

Answer 2

代码

ie7

中的

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

其中possision absolute和宽度为10000px，即使它不包含任何数据，也会删除此div或修复您的Css

Answer 3

我修好了IT

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

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

感谢所有尝试过的人：）

Internet Explorer 7使用min-width溢出

3 个答案: