Как спрятать border?

Question

[an]

в общем ситуация следующая
как спрятать бордер?

Comments

[Вадим]

меню прячется

Как прячется?

Демку в студию.

[an]

Вадим,
max-height: 0px;
overflow: hidden;

максимальная высота 0пикс
демки нету, нужно на сервер заливать

[Вадим]

Андрей, понял.
Тогда ответ на вопрос

Как спрятать border

будет таким: изучить что такое блочная модель.

Бордер -> падинг -> размеры(высота и ширина).
От того, что Вы высоту в 0 поставили, бордер никуда не делся, так как он существует за приделами этого параметра.

[an]

Вадим, обновил, залил на codepen
посмотрите

[Ankhena]

Андрей,
я предложу очень неожиданное решение: border убирается с помощью border: 0 и возвращается при наведении.

Либо заменяется на outline с outline-offset.

[an]

Ankhena, при наведении меню начинает вести себя не красиво

[Ankhena]

Андрей, не вижу ничего некрасивого в варианте с outline.

Answer 1

[Андрей Федоров]

https://codepen.io/aliencash/pen/zYPELbr

Comments

[an]

Спасибо