2017-01-22 6 views
-1

У меня есть кнопка на моем сайте. Но он можно кликать не только на самой кнопке, но и в любом месте справа от границы кнопки. Что мне делать?Ссылка за пределами кнопки

Screenshot

+1

Пожалуйста, прочтите [Что-то на моем веб-сайте не работает. Могу ли я просто вставить ссылку на него?] (Http://meta.stackoverflow.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -в-она). Вопросы, зависящие от внешних ресурсов, которые нужно понимать, становятся бесполезными, когда внешний ресурс уходит или фиксируется. Создайте [MCVE] и положите его ** на сам вопрос **. – Quentin

+0

Ой я не понял. Сожалею. Я работаю над этим. –

ответ

0

У вас есть <a> тег вокруг <div> тег кнопки, что очень большой. Этот тег <a> является причиной такой большой площади. Было бы лучше отформатировать вашу кнопку в теге <a> вместо <div>. Это решит вашу проблему. В общем, лучше избегать обертывания семантически блочных элементов, таких как div, p и т. Д. Внутри встроенных элементов, таких как a или span.

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

Убедитесь, что <a> тег правильно помечается как display: block или display: inline-block, чтобы предотвратить наличие этого рядный.

Вот скриншот из ваших website-х осмотрены элементы и причина вашей проблемы:

dev tools of the website

+0

Проблема решена, я удалил класс div и добавил класс вместо тега . –

Смежные вопросы