/ categories / Технологии / @jedicss / post #138
200

magic numbers в действии

На гифке видно, как в менюшку невозможно кликнуть, из-за отступа между кнопкой и выпадающим меню – расспространённа ошибка новичка.

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

А всё потому, что отступ между кнопкой и выпадающим меню задан в пикселях.

Решение
top: 100%;

И куда бы не уехала кнопка, как бы она не изменила размеры, меню всегда будет привязано к её нижнему краю.


10:10 16.09.19
@jedicss
250

CSS  для Джедаев на сайте jedicss.com Есть вопросы, пишите @udodu