Riveran
@Riveran
Astartes

Почему высота блока больше своего содержимого?

Почему блок menu-item больше своего содержимого? и можно ли это как то исправить?
5cf7b8b17e8de897842379.png
стили
.menu-item {
  cursor: pointer;
  position: relative;
  padding-right: 35px;

  &:hover {
    background: #f3f3f3;
  }

  .menu-item-text {
    line-height: @itemLineHeigth;
    padding-left: 10px;
  }
  .menu-item-text-small {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    line-height: 0.8em;
    padding-left: 10px;
    padding-top: 5px;
    color: #666;
  }

  .menu-item-icon {
    position: absolute;
    top: 0;
    right: 0;
  }
}
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
RAX7
@RAX7
У вас в строчный span.menu-item-text вложен блочный p.menu-item-text-small - это не есть хорошо.
В консоле посмотрите на $$('.menu-item-text')[0].textContent будет типа:
"Lorem ipsum dolor.↵      Lorem ipsum dolor sit amet.↵    "

, то есть три строки текста и последняя строка пустая.
https://jsfiddle.net/RAX7/o96sk05y/1/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
anatoly_kulikov
@anatoly_kulikov
Помог ответ? Отметь решением!
Потому что блоки внутри его "выталкивают". Посмотрите внимательнее, скорее всего какие-то правила (могут быть вендорные) в этом виноваты.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы