Html 如何使CSS背景色与相对位置配合使用？

我已通过引导CSS应用了以下CSS：

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff; 
    background-color: #337ab7; 
}

---

这用于使用相对位置的有序列表（引导angularjs导航树）。然后，我使用一个40px的右边距，以确保项目位于左侧导航工具栏内（使用角度材质md sidenav）。我遇到的问题是背景色没有正确地应用到页边空白处。是否有一些css可以更改，以确保背景颜色也应用于边距部分？

您可以添加JSFIDLE吗？会很有帮助的。听起来你把边距误认为是填充。谢谢！你说得对！将其切换到右边填充可以解决此问题！注意，我还需要突出显示整个li元素，如：.nav pills>li.active、.nav pills>li.active、.nav pills>li.active{color:#fff；background color:#337ab7；}@Sam使用

填充右侧

而不是

边距右侧

。