尴尬的水平中心对齐

Question

任何人都有任何想法如何横向居中以下页面。正如您所看到的，表格部分可以很容易地居中，但如何对绝对定位的div组进行相同的处理。

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

谢谢，

Answer 1

您需要为所有绝对定位的DIVS创建一个包装器，并将其设置为position:relative。这样，DIV就会在包装器中找到它们的起源。然后你只需要将包装器DIV居中。

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

P.S。对所有事物使用绝对定位是一个坏主意。了解如何使用花车。

Answer 2

我会使用以下CSS将内容封装在<div class="content">中

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

当您在相对定位的元素内绝对定位某些内容时，绝对位置相对于该外部元素。所以你的图像不应该溢出你插入内容的新div。