我正在使用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>
答案 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;
}