2012-04-17 8 views
8

オーバーフローを使用しています:下のコードのようにスクロールすると、テキストがなくてもスクロールバーが表示されます。
w3schoolsのデモ:http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow あなたは水平(左または右)にスクロールできなくてもスクロールバーがあることがわかります。 to.hopeこれは私はあなたがoverflow: autoを探していると思う感覚スクロールするものがない場合でもCSSのオーバーフロースクロールバーが表示されます

<style type="text/css"> 
    div.scroll { 
    background-color: #00FFFF; 
    width: 100px; 
    height: 100px; 
    overflow: scroll; 
    } 
</style> 
<p>overflow:scroll</p> 
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div> 
+0

スクロールするものがないので、このデモでは無効になっていると思いますか? – antonpug

答えて

17

を作るスクロールするものがない場合は、スクロールバーが表示されない場合、私はそれを持ってしようとしています。

Mozilla's Documentation on Overflow

オーバーフローCSSプロパティは、オーバーフロー-xとオーバーフロー - yプロパティの短縮形で、コンテンツはそのブロックフォーマット文脈に収まるには大きすぎるとき何をするかを指定します。

オプションには、クリッピング、スクロールバーの表示、またはコンテナから周囲の領域へのコンテンツの表示が含まれます。

自動

は、利用者エージェントに依存します。コンテンツがパディングボックスに収まる場合、コンテンツは表示と同じように見えますが、それでも新しいブロックフォーマットのコンテキストが確立されます。コンテンツがオーバーフローした場合、Firefoxなどのデスクトップブラウザはスクロールバーを提供します。

7

は、あなたが提供されたリンクは、本当に複雑です

overflow: auto 

を試してみてください。ここに説明されているすべてが、私ははるかに良いと思います:CSS-Tricks

+0

良いリンク、私は本当にCSSトリックで見つけた情報がとても好きです。 –

関連する問題