HTML Div消失了高度设置

Question

所以我有一个标题容器,里面是一个设置为内联块的导航.然后有一个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*/

的jsfiddle