CSS 在 bottom: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 { ... }。