0

DIVに水平スクロールバーのみを表示させようとしています。私はDIVをたくさんの画像で埋めていて、ユーザーが水平方向にスクロールできるようにしたいだけです。

しかし、私には2つの問題があります。

私が読んだチュートリアルの1つで、スクロールバーが表示されるというコード（もう持っていません）が表示されました。しかし、そうではありませんでした。また、画像が互いに下に表示されるようにしました。だから私はそのコードを廃棄しました。

別のチュートリアルでは、必要な「外観」が得られましたが、スクロールバーはありませんでした。しかし、スクロールバーが表示されるはずでした！

写真と水平スクロールバーでいっぱいのDIVを作成するにはどうすればよいですか？

これが私がこれまでに持っているものです：

CSS：（dude.css）

.EditorialImagePaneOne
{
    width: 500px

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

}

.ShowcaseImage
{
    height: 407px;
}

HTML：（Index.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 に答える