div中的水平居中div 100％（wordpress）

Question

我试图在div中水平居中一个宽度为100％的div。 div conteiner是“＃post-area”，里面的所有div都有一个类“.post”。

这是链接：http://bit.ly/VOqkhv

当调整浏览器大小时可能会发现效果不好，事实上，所有div都没有与菜单对齐。怎么可以这个？我也尝试了保证金：auto;但没什么。

提前非常感谢你。

Answer 1

将100％div设置为position:relative，然后将要居中的元素设置为position:relative; margin: 0 auto;

Answer 2

那是因为它们漂浮在左边。您可以改为使用内联块。

将text-align: center;添加到＃post-area

删除float: left;并将display: inline-block; vertical-align: top; text-align:left;添加到.type-post