Нужно сделать, чтоб высота дочернего элемента не наследовалась родителем. С position: absolute не получается.
1 ответ
Можно использовать position: relative
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
color: white;
text-align: center;
display: block;
float: left;
width: 25%;
padding: 15px;
box-sizing: border-box;
background-color: #61CDFF;
position: relative;
}
li:hover {
top: -10px;
padding: 25px 15px;
background-color: #4BBDF2;
}
<ul>
<li>ГЛАВНАЯ</li>
<li>ПРОГРАММЫ</li>
<li>ДРАЙВЕРЫ</li>
<li>СТРИМЫ</li>
</ul>
-
1
-
1
-
@HamSter, ну, в этом-то вопросе всё и так понятно, без наработок. типа из принципа? :) Commented 13 дек. 2018 в 13:25
-
-