将内容与屏幕分辨率对齐

Question

我不知道我做了什么，但我的内容div不再在我的屏幕中间对齐了。这是我的代码：

#divwrapper {
  width: 1100px;
  margin: 0 auto;
}

我还在其中放置了各种其他div，用于标题，正文等，position: absolute;和坐标。

我在网上搜索过，似乎我应该如何让它工作......但它不起作用。我很难过。

Answer 1

你的#divwrapper很好。但是，您使用left: 50px绝对将所有元素放在其中，这使得#divwrapper无关紧要：您的元素现在将从页面左侧浮动50px。

您是否也想将position: relative;添加到#tivwrapper的CSS中？绝对定位的元素组织自己的第一个定位祖先：如果这是#divwrapper，添加该行将使您的布局元素相对于#divwrapper自己定位。否则，他们会相对于页面定位自己。