Question

<style>

        div{
            height:100px;
                    }

        #wrapper{
            position:relative;
        }           

        #navigation {

            position:relative;
            width:400px;
            background-color:black;
            float:left;
        }
        #content{
            width:2300px;
            background-color:red;
            padding-left:500px;

        }

        #iframe{
            background-color:green;
        }


    </style>

<div id="wrapper">

        <div id="navigation">
            sss

        </div>

        <div id="content">

            <div id="iframe">
                content
            </div>
        </div>

    </div>

在像IE8这样的浏览器中，FF #content div与IE 7中的内容导航内容正在下降。我正在寻找这个问题的解决方案ie ie7感谢您的帮助

Answer 1

有类似的问题。感谢用户VinayC解决了这个问题。我相信这对你也有帮助。解决方案是相对定位。点击此链接：http://snook.ca/archives/html_and_css/position_relative_overflow_ie/

Answer 2

在IE中#content正在下降，因为该元素的宽度大于窗口/正文。但我不确定这与IE9是否相同。

要解决这个问题，请为#wrapper添加一个大于#navigaton + #content宽度的宽度。

#wrapper{
    position:relative;
    width: 2800;
}

另外，为什么#content？

有这么长的宽度和填充

IE7中的CSS问题

2 个答案: