如何更改导航栏的高度？

Question

我使用网站构建器，并且有一个自定义的CSS框，但是如何使我的导航栏像Twitter的导航栏一样瘦？导航栏类是：container

Answer 1

这很难为没有任何CSS和HTML提供绝对答案，但你应该能够设置（其中40px是样本高度）

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