Having css issue

Question

http://jsfiddle.net/JDwjJ/

请看一下这个代码

问题如下：

• #nav 必须位于 #main 的顶部，而不是并排;
• 如果我没有精确地设置 #nav #container 的确切宽度，我该如何在内部居中？尝试保证金： 0 自动;没有成功？

Answer 1

删除不必要的float形成您的#nav和ul。然后定义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/

Answer 2

对于

1.导航必须在 #main 的顶部，而不是并排;

只需申请

clear:both

在主div 上

2.如果我没有精确地设置 #nav 的宽度，我该如何在 #container 内居中？尝试保证金： 0 自动;没有成功？

您必须为此内容容器设置一定的宽度 0 自动将工作

更新：如果您需要相同的内容，请查看

http://jsfiddle.net/JDwjJ/9/