底部之前的CSS：0px使得底部的行

Question

我有一个bootstrap导航栏的代码：

.active:before {
 position: absolute;
 margin: auto;
 z-index: 1;
 content: "";
 width: 75%;
 height: 2px;
 background: #e96656;
 bottom: 0px;
 left: 12.5%;
}

但是当我把它打开时，它会在我的列表元素下面显示一行，但也会在屏幕的底部显示。我该如何解决这个问题？

Answer 1

改为使用.navbar-nav li.active:before { ... }。