下記のようなソースで、空のdiv要素にposition: fixed;もしくはabsoluteを指定することによって<div class="a"></div>の要素が表示（background-color: red;）され、逆にstaticやrelativeでは表示されないのはどうしてでしょうか？
よろしくお願いします。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style>
.a{
background-color: red;
width: 100%;
height: 100%;
position: fixed;
}
</style>
</head>
<body>
<div class="a"></div>
</body>
</html>
みんなの回答 1 件
heightの参照先が無いから、高さが0pxだからじゃないでしょうか。heightの高さ％指定には、親要素（包含ブロック）の高さが明示されている必要があります。指定されていない場合auto扱いになりますが、空DIVの場合、heightが0なので、見た目消えて見えます。
関連するトピックス