尷尬的水平中心對齊

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。