中心div多个div

Question

所以我很难将div与另一个div对齐，并将一堆图像作为（伪）＆＃34;背景＆＃34;像这样：

http://i.imgur.com/uHmcBlB.png

但是我已经尝试将它定位为绝对和相对的，它总是这样结束：

http://i.imgur.com/9gDaSIe.png

我的代码：

{{1}}

＆＃34; custom＆＃34; div是我想要的那个＆＃34; float＆＃34;在＆＃34; modInstagram＆＃34;。

Answer 1

如果您使用position: relative将图像和叠加层包装在父元素中，则可以在叠加元素上使用position: absolute将其放置在图像上方。

这是一个简单的例子： https://jsfiddle.net/hmpxdezy/1/

编辑回答：

根据你的jsFiddle，div.custom你想要位于div#modInistagram的顶部吗？

如果是这样，这里有一个更新的小提示，让您了解如何使用现有标记实现您想要的效果： https://jsfiddle.net/24157Lmf/1/

您需要将position: relative添加到main#content并将position: absolute添加到div.custom。在那里，您可以使用与我的original jsFiddle left: 50%和margin-left类似的方法对覆盖元素进行居中对齐，其值为您想要居中的元素宽度的一半。