0

我试图让我的 DIV只显示一个水平滚动条。我正在用大量图像填充 DIV，并且只希望用户能够水平滚动。

但是我有两个问题：

我读过的一个教程给了我一些代码（我不再有），说它将显示滚动条。但它没有。它还使图像出现在彼此下方。所以我废弃了那个代码。

另一个教程给了我想要的“外观”，但没有滚动条。但是滚动条应该出现！

我怎样才能拥有一个充满图片和水平滚动条的 DIV？

这是我到目前为止所拥有的：

CSS：（花花公子.css）

.EditorialImagePaneOne
{
    width: 500px

    -ms-overflow-x:scroll;
      overflow-x:scroll;
    white-space:nowrap;

}

.ShowcaseImage
{
    height: 407px;
}

HTML：（索引.html）

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
    <link rel="stylesheet" href="../Assets/CSS/dude.css" />
        <title></title>
    </head>
    <body>

    <div class="EditorialImagePaneOne">
        <img src="../Assets/Images/Editorial/1-1.jpg" class="ShowcaseImage" />
        <img src="../Assets/Images/Editorial/1-2.jpg" class="ShowcaseImage" />
        <img src="../Assets/Images/Editorial/1-3.jpg" class="ShowcaseImage" />
        <img src="../Assets/Images/Editorial/1-4.jpg" class="ShowcaseImage" />
        <img src="../Assets/Images/Editorial/1-5.jpg" class="ShowcaseImage" />
        <img src="../Assets/Images/Editorial/1-6.jpg" class="ShowcaseImage" />
        <img src="../Assets/Images/Editorial/1-7.jpg" class="ShowcaseImage" />
        <img src="../Assets/Images/Editorial/1-8.jpg" class="ShowcaseImage" />
    </div>
    </body>
</html>
4

1 回答 1

1

也许您错过了DOCTYPE页面中的类似内容。请确保将其作为代码中的第一行，在该<html>行上方：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
于 2011-06-19T12:27:35.450 回答