Question

所以我有一个标题容器，里面是一个设置为inline-block的导航。然后有一个div .main_image，背景颜色为：blue，然后是welcome_text div。当我添加导航时，main_image div消失了，我认为因为我设置了一个高度它不应该。我试图给它顶部定位，但我没有看到它。 welcome_text div的背景颜色也已消失。

以下是我的代码的链接：

http://jsfiddle.net/SR88E/

这是我的CSS：

.container{
    max-width: 960px;
    margin: 0 auto;
    height:900px;
}

header {
   height:100px;
   background-color: yellow;

}

nav {
    background: bisque;

}

nav li {

   display: inline-block;


}

nav li a{
    color: black;
    text-decoration: none;

.welcome_text {
        background-color: red;


}

.main_image {
    top: 100px;
    height:445px;
    background-color: blue;
}

Answer 1

你的CSS坏了。 nav li a

没有结束括号

nav li a{
    color: black;
    text-decoration: none;
}  /*<-----You need this*/

HTML Div消失了高度设置

1 个答案:

JSFiddle