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

回答