Javascript div元素左侧的间隙

我尝试了0的边距和填充，但它的左侧仍然有一个间隙

我在填充物上尝试了0，这会使我的吧台太薄，不合我的口味，但仍然无法修复左侧的事实差距。我似乎找不到一个地方说除了填充0之外，我什么都可以做；利润率为0；所以我有点不知所措。可能是我完全忽略了这一点

javascript使标题随页面上下移动，然后锁定到顶部

window.onscroll=function（）{
getsticky（）
};
var header=document.getElementById（'myHeader'）；
var sticky=header.offsetTop；
函数getsticky（）{
如果（window.pageYOffset>sticky）{
header.classList.add（'sticky'）；
}否则{
header.classList.remove（'sticky'）；
}
}

.header{
背景色：#141414；
填充：10px 16px；
边界半径：5px；
宽度：100%；
保证金：0；
右边界：0；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
.按钮{
背景色：#141414；
边界：无；
颜色：白色；
字体大小：较大；
字体大小：粗体；
填充：20px 24px文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
边界半径：8px
}
a{
颜色：白色；
文字装饰：无；
}

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

也许你的问题就在于此

 body{
   margin:0!important
 }

window.onscroll=function（）{
getsticky（）
};
var header=document.getElementById（'myHeader'）；
var sticky=header.offsetTop；
函数getsticky（）{
如果（window.pageYOffset>sticky）{
header.classList.add（'sticky'）；
}否则{
header.classList.remove（'sticky'）；
}
}

正文{
边距：0！重要
}
.标题{
背景色：#141414；
填充：10px 16px；
边界半径：5px；
宽度：100%；
保证金：0；
右边界：0；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
.按钮{
背景色：#141414；
边界：无；
颜色：白色；
字体大小：较大；
字体大小：粗体；
填充：20px 24px文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
边界半径：8px
}
a{
颜色：白色；
文字装饰：无；
}

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

也许你的问题就在于此

 body{
   margin:0!important
 }

window.onscroll=function（）{
getsticky（）
};
var header=document.getElementById（'myHeader'）；
var sticky=header.offsetTop；
函数getsticky（）{
如果（window.pageYOffset>sticky）{
header.classList.add（'sticky'）；
}否则{
header.classList.remove（'sticky'）；
}
}

正文{
边距：0！重要
}
.标题{
背景色：#141414；
填充：10px 16px；
边界半径：5px；
宽度：100%；
保证金：0；
右边界：0；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
.按钮{
背景色：#141414；
边界：无；
颜色：白色；
字体大小：较大；
字体大小：粗体；
填充：20px 24px文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
边界半径：8px
}
a{
颜色：白色；
文字装饰：无；
}

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

卷轴

正如Lubo Masura所解释的，问题的原因是html元素主体上自动设置的边距

我制作了一个演示，您可以在这里找到：

我把链接的背景改成了蓝色，这样你就可以看到链接在哪里了

注意，我更新了您的标记和样式以简化它，因为有两件事情可以改进：

• 最佳实践是始终使用小写字母命名类
• 尝试避免嵌套在按钮内的链接，它们不是必需的，大多数情况下是在这种情况下
• 如果你想在链接上添加h2，那么就为每个链接添加h2，而不是一个包含所有链接的链接（用于SEO实践）
• 试着用你所使用的风格做一个极简主义者；如果不需要它们，不要使用它们来使代码更干净、更容易理解

---

正如Lubo Masura所解释的，问题的原因是html元素主体上自动设置的边距

我制作了一个演示，您可以在这里找到：

我把链接的背景改成了蓝色，这样你就可以看到链接在哪里了

注意，我更新了您的标记和样式以简化它，因为有两件事情可以改进：

• 最佳实践是始终使用小写字母命名类
• 尝试避免嵌套在按钮内的链接，它们不是必需的，大多数情况下是在这种情况下
• 如果你想在链接上添加h2，那么就为每个链接添加h2，而不是一个包含所有链接的链接（用于SEO实践）
• 试着用你所使用的风格做一个极简主义者；如果不需要它们，不要使用它们来使代码更干净、更容易理解

---

为什么不定位：固定，那么就不需要Javascript为什么不定位：固定，那么就不需要Javascript答案中有演示总是更好。没问题：）@BlackestNight mark在回答：）很高兴我帮了你。@mplungjan我做了什么才没有演示？@Black