在网站上对齐元素时出现问题，div卡在左上角，按钮未对齐

Question

我研究了如何正确排列页面中心的项目，并从中做出各种答案

div {
 position: absolute;
 margin-left: auto;
 margin-right: auto;
 }

或

div {
 position: absolute;
 top: 50%;
 left: 50%;
 }

但这些都没有一致地工作，或者如果他们这样做，他们有时会将其他div（位置：绝对;）推送到其他地方，或者不能在其他浏览器上工作。我一劳永逸地想知道如何让我的代码将div放到我想要的地方？

对于一个实际的例子，我的网站是在dannyliang.com，以及我的＆＃34;更多选项＆＃34;按钮卡在左上角，尽管＆＃34; margin-left：auto; margin-right：auto;＆＃34;

谢谢！

Answer 1

要横向放置页面上的元素，不需要使用position: absolute;。只需确保它们是block个元素。默认情况下，div已经是block元素，因此您可以这样做：

div {
    margin: 0 auto;
}