如何拉伸導航因此需要在整個DIV

Question

我有以下屬性的導航DIV：

#nav { 
    width: 960px; 
    margin-left: auto; 
    margin-right: auto; 
} 

但是當我把在導航欄在它..它是不是拉伸整個的寬度960px

鏈接：here

Answer 1

添加此規則，以你的樣式表：

.sf-menu { width: 100%; } 

這將使您的ul標籤佔據#nav div的全寬。我不確定這是否正是您要查找的內容，或者您​​是否希望每個li都取得全寬。

如果您希望每個li元素在整個寬度上均勻拉伸，則在您使用4個元素的情況下，您可以簡單地將它們的寬度設置爲25％。對於li標籤變量，我不得不更多考慮一下......

.sf-menu li { width: 25%; } 

Answer 2

添加這些規則，以你的樣式表：

#nav > ul {width: 100%;} 
#nav > ul > li {width: 25%;}