0

Нужно сделать, чтоб высота дочернего элемента не наследовалась родителем. С position: absolute не получается.

введите сюда описание изображения

1
  • приведите ваш код для большей ясности вопроса!
    – SVE
    Commented 13 дек. 2018 в 13:22

1 ответ 1

3

Можно использовать 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>

8
  • 1
    Кто и за что, интересно, поставил минус? Commented 13 дек. 2018 в 13:07
  • 1
    не я, но предполагаю из-за отсутствия наработок))))
    – SVE
    Commented 13 дек. 2018 в 13:23
  • @HamSter, ну, в этом-то вопросе всё и так понятно, без наработок. типа из принципа? :) Commented 13 дек. 2018 в 13:25
  • ну да, думаю так)
    – SVE
    Commented 13 дек. 2018 в 13:26
  • это я постарался...
    – Air
    Commented 13 дек. 2018 в 13:34

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.