html - 有CSS问题

Question

http://jsfiddle.net/JDwjJ/

请看这段代码

问题如下:

• #nav 必须在#main 的顶部，不能并排；
• 如果我不准确地为它设置确切的宽度，我如何才能将#nav 置于#container 的中心？尝试 margin :0 auto；没有成功？

Answer 1

从 #nav 和 ul 中删除不必要的 float。然后定义 width 到你的 #nav 例如 600px

#nav{
 width:600px;
}
#nav ul
{
    padding:0px;
    margin:0px;
    list-style:none;
    overflow: hidden;
}

检查这个 http://jsfiddle.net/JDwjJ/1/

已更新如果宽度未知，则可以为此使用 display:inline-block 属性:

    #nav {
        display:inline-block;
        *display:inline/* For IE7*/
        *zoom:1/* For IE7*/
    }
    #container{
        text-align:center;
    }  
   #main{
        text-align:left;
   }

检查这个http://jsfiddle.net/JDwjJ/8/