<div>左右边距设置为auto的情况变得不居中&gt; 1634px

Question

我有一个div， .instagram_grid ，其中margin-left和margin-right设置为auto，是相对放置的，并且其宽度对于浏览大小为900px>，使div在页面中居中。

当我在单个页面的其余CSS上下文中拥有简单的结构时，不再以浏览器宽度> 1684px为中心。 在下面的小提琴中，我只有两条线可以整体上修改div（并且只将背景设置为粉红色）。 没有媒体查询，表明这是某些看不见的前div / element导致此行为的结果。

https://jsfiddle.net/ebbnormal/m561tpnL/6/

Answer 1

该行为是该标记所期望的。

元素居中，但随后使用相对定位将其显示在实际位置右侧的500px处。

Answer 2

该.calc-text DIV上述.instagram_grid的div通过设置使其父溢出margin-left:auto ，同时设置left:为负值，这不是有效的CSS。