HTML/CSS鏈接的可點擊區域比預期的要大得多

-1

我有一張由4張照片組成的頁面，下面有文本，這些文本是瀏覽網站的鏈接。一切正常，但一旦開始該鏈接的活動區域擴展了整個頁面的長度。我可以將鼠標移動到圖片和文字下方，並且仍然可以激活懸停。HTML/CSS鏈接的可點擊區域比預期的要大得多

該網站可以找到here。如果需要，我可以在這裏添加代碼，只是認爲能夠看到整個事情可能會有幫助！

預先感謝您的任何幫助您可以提供的！

刪除此行height: 420px;從.photography，.cinematography，.contact和.about。我已經測試它，它工作正常在Firefox和Chrome。

2013-05-04 07:22:06

謝謝！修復它！ :-) – audiedoggie 2013-05-04 13:29:13

只是從.photography和其他人刪除height: 420px;和其他人。

2013-05-04 07:17:38 btevfik

謝謝！修復它！ :-) – audiedoggie 2013-05-04 13:29:52

我試着做一些Firebug的工作，但最近Firebug對我來說有點兒不錯。

嘗試刪除height:240px，或嘗試刪除padding-top。這似乎是其中的一個原因造成的問題，因爲它是吹出來的CSS盒模型，並使其認爲該鏈接是那麼大。

這是因爲你使用每個錨點上的類，這使它們太大。

2013-05-04 07:20:50 Singular1ty

我做了鍍鉻開發人員工具相同，我得到正是你在這兩種情況下 – 2013-05-04 07:22:37

感謝你得到了相同的結果！修復它！ :-) – audiedoggie 2013-05-04 13:30:31

保持height: 420px;，取出padding-top並添加此line-height:850px，它會解決它

2013-05-04 07:27:47

回答