保存样式表时Div消失了吗?

时间:2012-11-21 03:46:08

标签: html css

我正在使用coda和实时预览,当我保存这个CSS文件时,我的#middle div消失了?如果我然后只是在屏幕上的任何位置按Enter键,它就会重新出现在它应该的位置。然而,如果我再次重新保存文件,它就会消失,我的#footer会一直亮到页面顶部。我没有对任何代码进行任何更改,所以我无法弄清楚为什么会发生这种情况,任何想法?在http://jsfiddle.net/UkYBy/上它根本没有显示#middle或#footer?它应该是这样的:https://dl.dropbox.com/u/14754850/Screen%20shot%202012-11-20%20at%2010.22.40%20PM.jpg

谢谢!

PS。如果没有在这篇文章中发布一些代码,我就不会发布这个问题所以这就是html:

<body>
    <div id="wrap">
    <div id="menu">
        <ul>
            <li><a href="#">One</a></li>
            <li><a href="#">Two</a>
                <ul>
                    <li><a href="#">Six</a></li>
                    <li><a href="#">Seven</a></li>
                    </ul></li> 
            <li><a href="#">Three</a></li>
            <li><a href="#">Four</a></li>
            <li><a href="#">Five</a></li>
      </ul>
   </div>

    <div id="middle"></div>        
    <div id="footer"></div>



</div>
</body>

1 个答案:

答案 0 :(得分:4)

你忘了关闭CSS中的三个标签。

#menu ul li ul { 
 display: none;  


#menu ul li ul li {
 background-color: #2d2d2d; 

#menu ul li ul li:last-child {
 padding-bottom: 15px; 

需要:

#menu ul li ul { 
 display: none;  
}

#menu ul li ul li {
 background-color: #2d2d2d; 
}

#menu ul li ul li:last-child {
 padding-bottom: 15px; 
}

http://jsfiddle.net/UkYBy/1/