Нормально ли так повышать область клика?

Question

[wakenbyWork]

Я создаю обертку в которой указываю padding и -marign. Вот пример:



Просто я вижу еще одно решение:



Но второй пример мне не нравиться, нужно всегда высчитывать отступ.

Первый вариант приемлем?

Comments

[ambisinister One]

wakenbyWork, Если не придираться к мелочам, то всё ок)
Случаи разные бывают. Может, где и по второму лучше будет)
имхо

[Ankhena]

Нормально ли так повышать область клика?

Нет.
Просто потому что div вообще не интерактивные элементы, у них нет областей клика

Нормальное меню делается тегами nav, ul, li, a.
https://www.youtube.com/watch?v=y52rtbUeCac&list=P...
Это решит для вас вопрос о разметке и необходимом количестве тегов.

Минус первого варианта в том, что ссылки при этом практически склеились. А за это гугл будет ругаться.
Задайте фон и посмотрите.
Кроме того, варианты дают разное отображение. А значит:

Дальше нужно смотреть в реальный дизайн, что в нем реально происходит и откуда взялась такая необходимость. Если это меню, то почему дизайнер нарисовал это так, что нужно творить такую дичь с паддингами и отрицательными марджинами.

TheAndrey7,

тем самым усложняя правила

Так меньше переопределений.
А специфичность одинаковая.

Включите блочное отображение элемента и они начнут у вас работать как надо.

Там div, они по умолчанию блочные.

[wakenbyWork]

Ankhena, Понял с ссылками так делать не очень хорошо, а например с такой кнопкой:



Тоже нельзя увеличивать так область клика?

И для таких элементов тоже нельзя так делать? Как в общем поступать не с ссылками в меню а с элементами у которых хочется повысить область клика?

Скрин

Со скрина кликая на item будет скачиваться файл, и конечно нужно чтобы кликнуть можно было хотя бы на 4px рядом

[Ankhena]

wakenbyWork, почитайте про семантику и про использование элементов по смыслу.
div используется только в том случае, когда нет другого, более подходящего тега.
Плюсики это вообще украшения слова "Добавить", а не контент.

Со скрина кликая на item будет скачиваться файл, и конечно нужно чтобы кликнуть можно было хотя бы на 4px рядом

Очень хорошо.
Попросите дизайнера не лепить всё в кучу, а сделать так, чтобы между элементами было пространство.

И не очень понятно ваше стремление делать отрицательные margin, если зоны клика не должны наползать друг на друга.
Если для попадания в макет крайними элементами, ну сделайте отриц марджин у обертки. Всяко логичнее будет.

Answer 1

[Fakeminer]

Если можно сделать без высчитываний отступов - лучше делать так.