css - div 在 html 和 css 中不可见

Question

我在 html 和 css 中遇到了一个小问题。我想在页面的左上角创建一个菜单，但我的 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/

在css里面#topMenu改成.topMenu，否则class不会应用到对应的div上。而且我添加了高度只是为了使 div 可见，因为没有内容，默认情况下它是 0 高度。

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

Answer 2

因为您的 div#topMenu 没有高度。

此外，你最好添加一个关闭，这可能会导致将来出现一些问题。