Имея вопрос CSS

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.nav должен быть в верхней части # основного, а не рядом;

просто применить

clear:both 

на главной DIV

2.How Я центровки #nav внутри #container, если я не точно установить точную ширину для него? Пробег: 0 авто; нет успеха?

вы должны установить определенную ширину для этого содержимого контейнера с помощью этой маржи 0 авто будет работать

обновление: пожалуйста, посмотрите, если вам нужен тот же

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