Question

我有一个奇怪的IE错误。我有一堆页面使用几乎相同的模板来显示内容。在每个页面中，有3个主容器：标题，内容和页脚。内容div分为2个其他div; 1是图像容器，另一个是ul。在所有使用相同代码和模板的9个页面中的3个页面上，在ie9中的ul div上弹出一个垂直滚动条。其他6页没有垂直滚动条。

我尝试将内容容器div从“position：absolute”更改为“position：relative”，但是没有用。我已经在页面上的css标题和主样式表的body标签中设置了溢出，无论是隐藏还是自动，都不起作用。我检查了代码，以确保没有任何错误的标签，一切都很干净。

如果您有ie9，请随意查看一页，您可以通过“电影”并点击“僵尸入侵”和“追逐白龙”找到其他页面：
http://www.afterlightpictures.com/101.html

容器div是#films，图像div是#largeposter，你可以在下面的代码中知道哪一个是ul。让我知道我可能做错了什么，或者这是IE的可怜程度的另一个例子。

#films {
    width: 70%;
    padding: 0px 0px;
    position: relative;
    overflow: auto;
    margin-top: 180px;
    margin-left: 0px;
}

#largeposter  {
    position: relative;
    margin-left: 20px;
    float: left;
}

ul#info  {
    position:relative;
    float: left;
    margin-top: 0px;
    padding-left: 20px;
    list-style: none;
    display: list-item;
    width: 60%;
    text-align: justify;
}

Answer 1

我想你问的是如何删除滚动条？

我删除#films元素上滚动条的两种方法：

将height:100%添加到您的#films css

或者你可以：

从#films css中删除overflow:auto;

滚动条在IE中的容器div中弹出

1 个答案: