尴尬的水平中心对齐

Question

任何人都有任何想法，我可以水平居中以下页面。正如你所看到的那样，表格部分可以很容易居中，但是如何对绝对定位的div进行相同处理。

http://gideaparkbowlingclub.associateddata.co.uk/1a.htm

感谢，

Answer 1

你需要让你所有的绝对定位的div的包装，并将其设置为position:relative。这样DIV在包装中找到它们的起源。然后你只需要将包装DIV居中。

.wrapper { 
    width:805px; 
    margin-left:auto; 
    margin-right:auto; 
    position:relative 
} 

P.S.使用绝对定位是一个好主意。了解如何使用浮动。

Answer 2

我想包一个<div class="content">里面的内容有以下CSS

.content { 
    width: 800px; 
    margin-left: auto; 
    margin-right: auto; 
    position: relative; 
} 

当你绝对位置，也就是说，相对定位的绝对位置是相对于外部元素的元素里面的东西。所以你的图片不应该溢出你插入内容的这个新的div。