Question

我有一个让我疯狂的简单问题。我想从bootstrap覆盖CSS规则。默认情况下，bootstrap会将position: relative分配给类navbar的元素。我希望navbar为position: absolute。

根据我对类似问题的研究，我尝试过：

在Bootstrap的文件中，他们拥有的只是（据我所知）：

.navbar {
  position: relative;
}

所以在我的，我有：

div .navbar.menu {
  position: absolute;
}

没有区别

如果我：

如果需要，我很乐意提供更多信息任何想法将不胜感激！

编辑：

我的HTML代码段（用于加载css）

<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="../styles/main.css">

我想要定位的是这里（它的正文 - ＆gt; nav - ＆gt; div）：

<div class ="navbar menu">

我尝试将其选为body nav div .container.menu

Answer 1

通过你的css

 div .navbar.menu {
   position: absolute;
 }

html结构必须是

<div>
    <div class='navbar menu'>
    ....
    </div>
</div>

但如果你有这个

<body>
    <div class='navbar menu'>
    ....
    </div>
</body>

你的css必须是

 div.navbar.menu {
   position: absolute;
 }

Answer 2

除非我遗漏了什么，否则你不能这样做：

.navbar{
position:absolute;
top:#px;
left:#px;
width:100%;
}