Css 将内容与屏幕分辨率对齐 我不知道我到底做了什么,但是我的内容div不再对齐在我的屏幕中间。这是我的密码: #divwrapper { width: 1100px; margin: 0 auto; }

Css 将内容与屏幕分辨率对齐 我不知道我到底做了什么,但是我的内容div不再对齐在我的屏幕中间。这是我的密码: #divwrapper { width: 1100px; margin: 0 auto; },css,html,Css,Html,我还将各种其他div放置在其中,用于标题、正文等,并带有position:absolute和坐标 我搜索了整个网络,似乎这就是我应该如何让它工作…但它不工作。我被难住了。你的#divwrapper很好。但是,您使用left:50px将所有元素绝对定位在其中,这使得#divwrapper不相关:您的元素现在将从页面左侧浮动50px 您是否还打算添加位置:相对到您的#divwrapper的CSS?绝对定位的元素根据其第一个定位的祖先进行自我组织:如果这是#divwrapper,添加该行将使布局元素相

我还将各种其他div放置在其中,用于标题、正文等,并带有
position:absolute和坐标

我搜索了整个网络,似乎这就是我应该如何让它工作…但它不工作。我被难住了。

你的#divwrapper很好。但是,您使用
left:50px
将所有元素绝对定位在其中,这使得#divwrapper不相关:您的元素现在将从页面左侧浮动50px


您是否还打算添加
位置:相对到您的#divwrapper的CSS?绝对定位的元素根据其第一个定位的祖先进行自我组织:如果这是#divwrapper,添加该行将使布局元素相对于#divwrapper进行自我定位。否则,它们将相对于页面定位。

这对于在1100+px宽的屏幕上居中或在较小的屏幕上左对齐很好。您的代码有其他问题。该代码应该可以工作。你能提供更多的信息吗?也许在JSFIDLE上发布了一些示例代码?我甚至把它变成了像5000个PX一样,我看到了滚动条,但是它仍然没有在中间对齐。这是我正在开发的网站——www.apixel-design。com@John,代码中有其他错误,没有完整的html/css,什么也做不了。我是新手,我尝试粘贴代码,但它无法正常工作。不过,我确实为你提供了网站信息,请访问.Hobbs,谢谢你的回复。我不知道我是否应该,应该吗?如果我把剩下的也去掉:#px;我应该没事吧?为了使其正确对齐,我猜测使用margin:代替?您不能真正删除那些left:声明,因为您似乎是通过提供精确的坐标来安排内容(我建议不要这样做,但无论如何)。我补充了一个解释。在正确排列元素时,您可以使用多种选项组合使用(边距、使用内联块、使用CSS:before和:after psuedo元素作为页面主体周围的阴影,甚至使用实际的框阴影样式,等等)@John注意到边距并不能代替定位元素,但有时它们可以用来将一个元素推离另一个元素或其容器边界。@hobbs genius。谢谢工作完美,我能理解现在相对和绝对的意义。我不知道,因为我几天前才学会html。@John,如果它有效,你认为你能对我的答案投赞成票吗?;)