0

我正在使用 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>

​</p>

4

1 回答 1

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/

于 2012-11-21T05:15:00.380 回答