如何更改导航栏的高度？

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.. 
}