按钮从线

Question

我目前正在制作一个网站，当我创建一排按钮时，其中一些按钮略微偏离了线。

我的网站：（很遗憾只是一个模板，所以我无法真正向您发送链接）

代码：（HTML）

代码：（CSS）

对我来说这似乎很奇怪，因为按钮被设置为容器高度的100％，所以从技术上讲，他们并不认为无论如何都要离开它。我试着弄乱容器的宽度和高度，但似乎没有任何效果。也许我错过了一些简单的事情。

如果需要样式表的任何其他部分，我可以发布它。

我不确定每个人是否都有我的问题。我说这是非常奇怪的是，当按钮的高度设置为 100％时，一些按钮仍然可以从大多数按钮略微向下移动。

Answer 1

我认为问题在于您的保证金。

GameBtn在所有方面都设置了边距，而MenuBtn仅设置了左边距。这会搞砸。

但是，不确定为什么要将容器元素置于绝对位置。但是，这可能是另一个讨论。此外，您在容器元素中设置了top和margin-top属性。你可以删除其中一个。如果您打算将容器元素居中，您可以将其相对定位并将边距设置为margin：65px auto 0;