2013-06-12 66 views
0

我其實在這裏寫了一整頁的文字,但它不可能理解,並且把jsfiddle放在一起對你們來說更容易。 它是:http://jsfiddle.net/pMdZK/太多div互相重疊,沒有鏈接工作。 css/html

問題是鏈接不工作,如果他們做徘徊不工作,我已經嘗試像clearfix解決方案。 「容器」和「默認」divs對我來說都是必不可少的,它們實際上是兩張意味着彼此重疊的圖像(一種是半透明的,缺少一些部分的gif圖像,也就是稍後爲其他東西改變圖像,而用戶在頁。) 也改變

position:absolute 

似乎沒有多少或者根本。

+0

http://stackoverflow.com/questions/16773989/when-div-with-absolute-position-is-added-cannot-click-on-links/16774057#16774057 – Nitesh

回答

0

更改所有項目的填充頂到保證金解決您的問題。原因是填充擴展了整個實體,而邊距則推開了其他實體。

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/

的填充框擴展整個股利。 (正如你可以通過背景圖看到的那樣)。

保證金盒推動其他內容了。

+0

呃,它們都一樣嗎? – purplecircles

+0

什麼是一樣的?鏈接現在可以點擊。那是我明白的事情是錯誤的。 –

+0

哦,是啊,我現在明白了,對不起,我是啞巴。我會盡快接受答案(stackoverflow提供15分鐘的限制)。你能解釋爲什麼它是這樣嗎?我的意思是填充是爲了一個盒子,不是嗎?沒有填充應該是正確的東西在這裏使用? – purplecircles