Question

我有一个CSS，它只显示垂直滚动条而不是水平滚动条的内容。

我的CSS是，

div.rightSide {
display: inline;
float: right;
height: 234px;
margin: 5px 0;
overflow-y: auto;
position: relative;
vertical-align: middle;
visibility: inherit;
width: 300px;
z-index: 6;
}

它在IE8和Mozilla 3.6中按预期工作，但是当我在IE7中测试相同时，垂直滚动条也会显示出来。那么我想要做什么才能克服这个问题呢？

修改

添加我的HTML代码。

<body>
    <div>
        <div id="contentColumn">
            <div class="overviewPage">
                <div class="instructionContent" id="sample_id">
                    <div class="overviewBackground" style="z-index: 3;">
                        <p class="sidebar_body">
                            <img align="center" border="0" height="244"
                                src="../images/product/sample.jpg" width="752" />
                        </p>
                    </div>
                    <div class="rightSide">
                        <div class="unitOverview">
                            <p class="body">
                                <span class="bold">Unit 1 Overview</span>
                            </p>
                            <div class="sectionContents">
                                <div class="subhead_pri"> 
                                <!-- My title goes here -->
                                </div>
                                <div class="sectionBody" style="overflow:hidden;width:100%">
                                    <p class="body"> 
                                    <!-- My content Goes here -->
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="vendor">ID: vendor1</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

谢谢， Jeya

Answer 1

也可以将overflow-x: hidden;添加到您的CSS中。

Answer 2

试验您的内容。 overflow-y：auto表示'只显示一个垂直滚动条'。'显然IE7认为你的内容足够高，需要滚动条。

Answer 3

默认情况下，IE7会将您的容器视为overflow: auto。否则你需要告诉它。尝试在 overflow: hidden之前添加overflow-y: auto ，在我的案例中有所帮助。

IE7和IE8之间的兼容性问题

3 个答案: