Html 将按钮水平居中-绝对定位项目后

我试图水平居中此按钮，以匹配附加的图像

我把它贴在这里了

它确实位于z索引为2的绝对定位项之后。我对定位的想法很糟糕，并且很惊讶那些瓷砖重叠在蓝色条上，但是，我不确定为什么按钮不会出现在它下面

瓷砖也有一个互动（也很惊讶我可以在刷代码后让它工作），所以也许这与它有关系

猜猜看

---

将其放在容器中，容器上有

清除：两个
。这被称为一个



我找不到您所指的绝对定位元素<代码>#主控制台(U包装
具有
位置：相对
。你肯定想要相对的，而不是绝对的，因为给一个元素
位置：绝对的
会使它浮在其他元素的上面，而不是把它们往下推。
把它放在一个容器中，容器中有
清除：两个
。这被称为一个



我找不到您所指的绝对定位元素<代码>#主控制台(U包装
具有
位置：相对
。你肯定想要相对的，而不是绝对的，因为给一个元素
位置：absolute
会让它浮在其他元素的上面，而不是把它们往下推。
谢谢。我有一个在那里，因为我有一些浮动，我最终能够删除。但我确实添加了清除，但没有效果。（很高兴知道这会清除“下推”相对定位的项目，就像它们对浮动一样。”（是的，我错了。平铺的立方体是相对的。顶部的蓝色条是绝对的。）它确实把它撞倒了，但我现在有其他问题。谢谢jSepia！谢谢。我有一个在那里，因为我有一些浮动，我最终能够删除。但我确实添加了清除，但没有任何效果。（很高兴知道，这清除了“下推”相对定位项目，就像它们清除浮动一样。”（是的，我错了。平铺的立方体是相对的。顶部的蓝色条是绝对的。）它确实把它撞倒了，但我现在有其他问题。谢谢jSepia！
<div style="clear: both">
  <a href="#" class="button"></a>
</div>