如何更改导航栏的高度？ [关闭]答案

【问题标题】：How Do I Change the Height of my Navbar? [closed]如何更改导航栏的高度？ [关闭]
【发布时间】：2013-12-31 02:57:17
【问题描述】：

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

【问题讨论】：

【解决方案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;
}

【讨论】：

【解决方案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..
}

【讨论】：