有css问题

Question

http://jsfiddle.net/JDwjJ/

请看一下这段代码

问题如下：

• #nav必须位于#main的顶部，而不是并排;
• 如果我不准确设置确切的宽度，我怎样才能将#nav集中在#container中？尝试保证金：0自动;没有成功？

Answer 1

从您的float＆amp;中删除不必要的#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.nav必须位于#main的顶部，而不是并排;

只需申请

clear:both

上的

2.如果我不确切地为它设置准确的宽度，我如何将#nav集中在#container中？尝试保证金：0自动;没有成功？

您必须通过此边距设置此内容容器的某个宽度0自动将起作用

更新：请查看是否需要相同的

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