在一个绝对定位的项目

时间:2017-03-27 23:18:03

标签: html css position

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

我把它发布在这里 http://danux.me/

它确实来自z-index为2的绝对定位项目。我对定位的想法很可怕并且惊讶地将那些瓷砖重叠在蓝色条上工作,但是,我不知道为什么按钮不会出现在它下面。

瓷砖也有相互作用(也很惊讶我可以在刷完代码后让它工作)所以也许这与它有关?

任何猜测?

Mockup

1 个答案:

答案 0 :(得分:2)

将其放入clear: both的容器中。这称为clearfix

<div style="clear: both">
  <a href="#" class="button"></a>
</div>

我找不到您所指的绝对定位元素。 #home_console_wrapperposition: relative。你肯定想要相对而不是绝对,因为给一个元素position: absolute使它浮动在其他元素之上而不是将它们推下来。