更改所有項目的填充頂到保證金解決您的問題。原因是填充擴展了整個實體,而邊距則推開了其他實體。
http://jsfiddle.net/pMdZK/1/
您有:
#containerx #pl6
{
padding: 521px 0 0 120px;
position: absolute;
font-size: 22px;
}
您需要:
#containerx #pl6
{
margin: 521px 0 0 120px;
position: absolute;
font-size: 22px;
}
改變這種爲每個項目OFC。
The difference between margin and padding:
邊距和填充可以迷惑新手網頁設計師。畢竟,在某些方面,它們看起來像是一樣的東西:圖像或對象周圍的空白區域。
填充是邊界和實際圖像或單元格內容之間的邊界內的空間。在圖像中,填充是內容周圍的黃色區域。請注意,填充完全圍繞內容:頂部,底部,右側和左側都有填充。
邊距是邊界外的空間,邊界和其它元件下給該對象之間。在圖像中,邊距是整個對象外面的紅色區域。請注意,像填充一樣,邊距完全圍繞着內容:頂部,底部,右側和左側都有邊距。
爲了進一步說明我做了一個快速的jsfiddle的差異。 http://jsfiddle.net/GRLkt/
的填充框擴展整個股利。 (正如你可以通過背景圖看到的那樣)。
保證金盒推動其他內容了。
http://stackoverflow.com/questions/16773989/when-div-with-absolute-position-is-added-cannot-click-on-links/16774057#16774057 – Nitesh