<body>は：期待

次の画像を見て、コードとして動作しないスクロール：<body>は：期待

enter image description here

<!doctype html> 

<html> 
    <head> 
     <style> 
      body { 
       border: 1px solid red; 
       padding: 20px; 
       overflow: scroll; 
      } 
     </style> 
    </head> 

    <body></body> 
</html>

overflow: scrollインサート要素内にスクロールバーが、<body>要素が占有していませんスクロールバーに何が間違っていますか？

おかげ

出典

2011-02-14 Caio

体のオーバーフローを設定しています：スクロールします。 BodyはすべてのWebページ（ 'width and height always 100％'）を占有し、必要に応じてスクロールします。そう？何が問題ですか？ – Eray

私は彼が身体をビューポータルの高さの100％にしたいと思っていますが、現実には、このボディはウェブブラウザービューポータル全体を消費する前に停止する可能性があります。 –

bodyタグは特殊なケースです。 bodyタグに適用されるほとんどのスタイルルールは、bodyの「サイズ」に関係なく、ウィンドウ全体に適用されます。必要な振る舞い（ボックス内のスクロールバー）では、bodyの中にdivまたは他のブロックレベルの要素を使用する必要があります。

出典

2011-02-14 23:03:55 keithjgrant

overflow:scrollは、体がウィンドウよりも大きいか否かのスクロールバーを追加します。あなたが探しているでしょうoverflow:auto;

出典

2011-02-14 23:00:58 JCOC611

ボディの高さが100％に設定されていません。ボディの高さを100％に設定しても、正しく動作するようにするには、CSSでいくつかの項目を呼び出して、クロスブラウザーで機能させる必要があります。

Look to 100% Height Layout Using CSS詳細については、

出典

2011-02-14 23:04:06

の代わりにoverflow: scroll; を使用する必要があります。こちらをご覧ください。 http://jsfiddle.net/w6B6z/

出典

2011-02-14 23:09:22 Hussein

答えて

関連する問題