css - html および css で div が表示されない

Question

ページの左上隅にメニューを作成したいのですが、div が表示されません。解決策を教えてください。HTML

<div class = "topMenu">
<div id = "search"></div>
<div id = "register"></div>

CSS

body {
background:url('image.jpg') no-repeat;
-moz-background-size:cover; 
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-color:black;
}

#topMenu{
position:absolute;
width:70px;
float:right;
background-color:red;
}

Answer 1

このデモを参照してください: http://jsfiddle.net/TRp3A/

#topMenucss に変更があります.topMenu。そうしないと、対応する div にクラスが適用されません。そして、コンテンツがなく、デフォルトで高さが0であるため、divを表示するためだけに高さを追加しました。

.topMenu{
    position:absolute;
    width:70px;
    float:right;
    background-color:red;
    height:40px;
}

Answer 2

あなたの div#topMenu には高さがありません。

また、将来的に問題が発生する可能性があるため、締めくくりを追加することをお勧めします。