如何更改導航欄的高度？

Question

我使用的網站建設者，並有一個自定義的CSS框，但我怎麼讓我的導航欄像Twitter的導航欄一樣薄？導航欄類是：集裝箱

Answer 1

這是相當困難的，爲此提供了絕對的答案，沒有任何CSS和HTML，但你應該能夠設置（其中40像素是樣品高度）

.container{ 
    height:40px; 
} 

如果失敗，你可能有一個規則higher level of specificity，所以要麼直接改變（不），要麼擴展以上匹配或擊敗它（做）。

如果你要玩髒了，請!important（不推薦）

.container{ 
    height:40px!important; 
} 

取決於你在的地方其他CSS規則，你可能需要設置其他屬性來獲得預期的效果，例如（這是一個不好的例子）：

.container{ 
    height:40px; 
    max-height:40px; 
    min-height:40px; 
    line-height:40px; 
    overflow:hidden; 
} 

Answer 2

取代twitter，讓我們以堆棧溢出爲例。類將是container。

.container { 
    max-height: 100px; 
    min-height: 100px; 
    background-color: #000; 
    min-width: 100%; 
    max-width: 100%; 
} 

您更可能使用max和min屬性使導航欄停留在頁面頂部。

其他屬性僅用於其他樣式。高度取決於您在height屬性中提供的值，您可以使用max-甚至min-或height他們會工作。

嘿，編輯代碼：

.container { 
    height: 200px; // change this value.. 
}