-1

絶対に配置された赤い DIV がページ全体を埋めていない理由と、それを修正する方法を教えてください。ビューポートを埋めるだけです。私はかなりの数の同じ質問を見てきましたが、その人のコードがめちゃくちゃで機能しないのも不思議ではないか、解決策が機能しないだけです。

http://jsfiddle.net/YysvK/

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

<div style="position: absolute; z-index: 999; background-color: #f00; left: 0px; top: 0px; right: 0px; bottom: 0px;"></div>
4

3 に答える 3

2

位置を絶対から固定に変更します。

<div style="position: fixed; z-index: 999; background-color: #f00; left: 0px; top: 0px; right: 0px; bottom: 0px;"></div>

jsFiddle の例

于 2013-09-21T21:57:19.687 に答える
0

私はそれを考え出した。何らかの理由で、body 要素で位置、幅、および高さを指定した後でも、これは機能しませんが、body のすぐ内側の DIV ですべてをラップし、それを機能するように設定しposition: relativeます。

http://jsfiddle.net/k5uZ5/

<body>他の要素のように動作しない理由はまだわかりません。誰かがそれを説明できたら、私は感謝します。

于 2013-09-22T20:33:44.353 に答える