内部divのx-overflowにブラウザスクロールを使用する方法は？

Question

私は、幅を非常に簡単に超えるツリー構造の動的ページを実装しようとしています。私は別のスクロールがdivのために表示されないように、ブラウザの水平スクロールバー自体を通してツリーをスクロールしたいと思います。 CSSのプロパティは次のとおりです。

body{ 
overflow-x:auto; 
background-color: #ffffff;} 

#campaign { 
width: 100%; 
overflow: auto; 
white-space: nowrap;} 

ここに私の現在の出力のスクリーンショットがあります。

Output

あなたが上下にスクロールすると下の水平スクロールが消えます。

ありがとうございました。

Answer 1

コンテナdiv内でオーバーフローをvisibleに設定すると、内容が100％の幅の境界から外れ、本文にスクロールバーが追加されます。

ここでは簡単な例です：https://jsbin.com/bejimit/edit?html,css,output

とそのCSS：

body { 
    overflow-x: auto; 
} 

#campaign { 
    display: inline-block; 
    width: 100%; 
    overflow: visible; 
    white-space: nowrap; 
} 
.content-item { 
    width: 300px; 
    height: 100px; 
    border: 1px solid red; 
    display: inline-block; 
}