2017-01-22 88 views
-1

我有我的网站上的按钮。但它不仅可以在按钮本身上点击,而且可以在按钮边框右侧的任何位置点击。我该怎么办?链接外面的按钮

Screenshot

+1

请阅读[我的网站上不起作用的东西。我可以只粘贴一个链接吗?](http://meta.stackoverflow.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -to-IT)。当外部资源消失或者固定时,依赖于外部资源被理解的问题变得毫无用处。创建一个[MCVE]并将其置于**问题本身**中。 – Quentin

+0

哦,我没有意识到。抱歉。我在做这个工作。 –

回答

0

你周围的按钮,这是非常大的<div>标签的<a>标签。这个标签是<a>的原因,如此大面积是可点击的。最好将您的按钮格式设置为<a>而不是<div>。这将解决您的问题。一般来说,最好避免在语义上封装div,p等元素,在内联元素如aspan内。

<a href="#show-works" class="works"> 

确认,该<a>标签被适当地标记为display: blockdisplay: inline-block,防止内嵌有它。

这是你的website的截图检查元素和你的问题的原因:

dev tools of the website

+0

问题解决了,我删除了div类,并将类添加到标记中。 –