将所有div保持在相同的位置

Question

我想将字符串下方的社交按钮放在相同的位置，实际上是在边框之前。 position: absolute;无法正常工作。

Codepen http://codepen.io/panakour/pen/GZegaB

预期行为

Answer 1

请在div.social-media-row之后移动div.row：

然后您必须将div.business-content设置为position: relative。

然后对齐business-content：

底部的社交按钮

div.social-media-row {
  position: absolute;
  bottom: 0;
}

我还分叉你的笔并修改了代码。只需看看第一个例子：http://codepen.io/anon/pen/Myxwjy

Answer 2

首先，将DIV .social-media-row从其父容器移到.row DIV的底部

然后将position: relative;添加到.row，并在.social-media-row的CSS规则中将top: 317px;更改为bottom: 0px;

Codepen：http://codepen.io/anon/pen/WwmQWM

（我只是在第一次出场时更改了它 - 你也必须在所有其他人中改变它）