Javascript 这两个html元素之间的差距是什么？

在添加选项卡的JavaScript之前，

li

在下方的

div

上方整齐排列，没有任何间隙。据我所知，当添加JavaScript时，它们之间现在存在的差距就显现出来了。检查上选项卡下方的第一个文本项（本例中为

h1

）显示已使用

-webkit margin:0.83em

应用了用户代理样式表。放置

边距：0！重要的h1上的code>不执行任何操作

编辑：我不知道这是否对任何人有用，但整个问题是因为我更改了jekyll使用的_config.yml文件，之后没有停止并重新启动服务器，所以它没有更新。事实上，另一个错误是我从编译到_site文件夹的目录中排除了sass文件夹，这导致sass中的更改无法反映在jekyll虚拟服务器上


函数openContent（evt，contentType）{
变量i，tabcontent，tabheads；
塔布坎特=
document.getElementsByClassName（'tabcontent'）；
对于（i=0；i
.outerDiv{
背景色：rgba（50,50,0,0.6）；
边界半径：2rem；}
.innerDiv{
背景色：rgba（10,10,10,0.6）；
边界半径：1.5雷姆；
显示器：flex；
柔性流动：柱状nowrap；
对齐项目：柔性端；
边距：15px；}
.innerDiv p{
填充：0.5rem 1.2rem；}
ul标签{
显示器：flex；
对齐项目：居中；
保证金：1雷姆0.3雷姆0；
列表样式类型：无；
高度：2rem；}
李安先生{
填充：0.5雷姆1.2雷姆0.5雷姆1.2雷姆；
背景色：rgba（15,10,0,0.4）；
颜色：#96912d；
边界半径：1.2rem 1.2rem 0；
保证金：0.3雷姆0.3雷姆0.5雷姆0.3雷姆；
字母间距：2px；}
.a:悬停{
背景色：黑色；
颜色：黄色；}
.tabs li a：焦点，.tabs li a.活动{
背景色：rgba（10,10,10,0.6）；
颜色：#fac819；}
.在标签下{
页边距顶部：0；}
.tabcontent{
显示：无；}







这个项目正在月球上建立一系列虚拟殖民地。

如前所述，您正在处理代码段中的defaut margin

查看以了解它如何干扰您的布局，它是关于什么的，以及发生时如何处理

这里的基本示例是将p的边距顶部重置为零，以消除间隙


函数openContent（evt，contentType）{
变量i，tabcontent，tabheads；
塔布坎特=
document.getElementsByClassName（'tabcontent'）；
对于（i=0；i
.outerDiv{
背景色：rgba（50,50,0,0.6）；
边界半径：2rem；}
.innerDiv{
背景色：rgba（10,10,10,0.6）；
边界半径：1.5雷姆；
显示器：flex；
柔性流动：柱状nowrap；
对齐项目：柔性端；
边距：15px；}
.innerDiv p{
填充：0.5rem 1.2rem；}
ul标签{
显示器：flex；
对齐项目：居中；
保证金：1雷姆0；
列表样式类型：无；
高度：2rem；}
李安先生{
填充：0.5雷姆1.2雷姆0.4雷姆1.2雷姆；
背景色：rgba（15,10,0,0.4）；
颜色：#96912d；
边界半径：1.2rem 1.2rem 0；
保证金：0.3雷姆0.3雷姆0.5雷姆0.3雷姆；
字母间距：2px；}
.a:悬停{
背景色：黑色；
颜色：黄色；}
.tabs li a：焦点，.tabs li a.活动{
背景色：rgba（10,10,10,0.6）；
颜色：#fac819；}
.在标签下{
页边距顶部：0；}
.tabcontent{
显示：无；}
p{页边距顶部：0；







这个项目正在月球上建立一系列虚拟殖民地。

“将边距设置为0！很重要；在h1上没有任何作用。”-它在你的开发网站上对我有效。你的例子中的空白是由
和
/code>@Turnip上的空白造成的，可能它不是从sass正确编译的……我已经尝试了一段时间了。@Turnip gahd-看起来这一切都归结为一个_config.yml文件更新，之后没有一个Jekyll的更新服务器正在重新启动…感谢您的检查。虽然最后这不是我的问题，但我接受了答案，因为这就是我所问的。我曾多次尝试将边距设置为0，但从未意识到我把Jekyll搞砸了，因此更改没有被纳入。