HTML水平ロールバー

Question

は、私は、HTMLグリッドを持っていると私は、全体のページを移動せずにassideを移動することができ、容器の内側にそれを置きたい、このような何かそれはできますか？

Answer 1

三のステップ：

1. は、コンテナにwidthを適用します。
2. white-spaceの包装を防止します。
3. overflow-xを水平方向にスクロールします。

HTML：

<div class="scroll-horizontal"> 
    This is some content that needs to be scrolled horizontally. 
</div> 

CSS：

.scroll-horizontal { 
    width:300px; 
    white-space:nowrap; 
    overflow-x:scroll; 
} 

Try it online!

Answer 2

CSSクラスe.xを指定します。 .scroll-xとi CSSファイルdo：

.scroll-x { 
    overflow-x: scroll; 
} 

どうすればお手伝いしますか？

Answer 3

容器の中に入れてください。 div要素を使用することをお勧めします。次に、コンテナの幅を拡大縮小しないようにコンテナの幅を固定する必要があります（水平スクロールバーには必要です）。

次に適用されます。

overflow-x: scroll; 

あなたのコンテナに水平方向のスクロール可能な固定幅をあふれ、すべてのコンテンツを作成します。