div の幅を超える要素を水平方向にスクロールさせる方法?_html/css_WEB-ITnose

div の幅を超える要素を水平方向にスクロールさせる方法

ディスカッションへの返信 (解決策)

コンテナ div の CSS スタイルを設定する

水平スクロール overflow-y:auto
垂直スクロール overflow-x; :auto;
もちろん、コンテナ div の幅も設定する必要があります。

オーバーフロー属性を設定してみる

オーバーフロー属性を設定してみる

        #tar1, #tar2, #tar3        {            width: 540px;            height: 220px;        }        #content        {            width: 560px;            height: 220px;            overflow: auto;        }    <div id="content">        <div id="tar1" style="background-image: url(/1.jpg)">        </div>        <div id="tar2" style="background-image: url(/2.jpg)">        </div>        <div id="tar3" style="background-image: url(/3.jpg)">        </div>    </div>

これは縦方向のみです

以下は css+html コードです、参考にしてください

        #tar1, #tar2, #tar3        {            width: 540px;            height: 220px;        }        #content        {            width: 560px;            height: 220px;            overflow:auto;         }    <div id="content">        <div id="tar1" style="background-image: url(/funny/1.jpg)">        </div>        <div id="tar2" style="background-image: url(/funny/2.jpg)">        </div>        <div id="tar3" style="background-image: url(/funny/3.jpg)">        </div>    </div>

横幅 540px の画像が配置されています。 560ピクセルの幅の画像で、この方法で垂直にスクロールします
Overflow-y、私も試しました
画像の幅が超えないときに水平スクロールバーを表示するにはどうすればよいですか。容器の幅は？元の投稿者は

        #content        {            width: 560px;            height: 220px;            overflow:auto;         }

を

        #content        {            width: 460px;            height: 220px;            overflow:auto;         }

に変更して試してみてください。