Html 删除选项卡窗格和内容之间的空白 < >我想删除页面的菜单和选项卡窗格之间的空白。

Html 删除选项卡窗格和内容之间的空白 < >我想删除页面的菜单和选项卡窗格之间的空白。,html,css,Html,Css,我的结果是: .nav tabs>li>a{ 垫面:4px; 垫底:4px; } .nav选项卡>li.active>a:焦点, .nav选项卡>li.active>a{ 页边顶部:1px; } .nav选项卡>li{ 边缘底部:0px; } .nav选项卡>li.active{ 边缘底部:-10px; } 分区选项卡窗格{ 左边框:0px; 右边框:0px; 边框底部:0px; 填充:0px; } div.tab-content{ 边框:0px实心#ddd; 边界半径:0px; 填充:0p

我的结果是:

.nav tabs>li>a{
垫面:4px;
垫底:4px;
}
.nav选项卡>li.active>a:焦点,
.nav选项卡>li.active>a{
页边顶部:1px;
}
.nav选项卡>li{
边缘底部:0px;
}
.nav选项卡>li.active{
边缘底部:-10px;
}
分区选项卡窗格{
左边框:0px;
右边框:0px;
边框底部:0px;
填充:0px;
}
div.tab-content{
边框:0px实心#ddd;
边界半径:0px;
填充:0px;
}

......................................
您必须在UL上设置页边距底部:0

可以是
ul
默认样式的边距

试一试

将此添加到css中

ul {
  margin: 0px;
}

从UL中删除边距,以便在下面发布的.nav{}或.nav选项卡上执行{margin:0}应答;别忘了在firefox或chrome上使用开发工具,因为你可以动态地更新css,看看有什么不对劲。这可能来自很多地方,但答案和评论可能是正确的,这是你的UL的底线。此外,如果你使用浏览器的开发工具进行调试,它会立即变得很明显,因为边距、填充和边框都是“彩色”的。虽然最后一个半栏不是强制性的,实际上是无用的,但我发现把它去掉是一种不好的做法…@LaurentS。如果不使用后处理器,则最好将其保留为最后一个分号。@BritishSam这是一种非常糟糕的做法,在维护代码时容易进一步出错(在这个属性之后添加一个属性,并且在加载时间上的增益非常小。关于它的正反两个方面,我们将在SO的几个问题中进行讨论。此外,在答案中给出的示例中,通过删除回车和缩进,您实际上可以获得更多的增益。如果您正在寻找最佳优化,请使用预处理器。我可以肯定我不建议初学者这样做,尤其是在没有额外提及的情况下。它会坏吗?不。这是个好主意吗?我不这么认为。很多人都这么认为!效果很好!
ul {
  margin: 0px;
}