Задать вопрос
@Giottox

Почему img не хочет встать в див?

913908672aea4fe099b4127aa37fcdac.png80918315612941cd9bd47248c917a5ba.pngcc06df04d1d14a5e93ff1edbbff6ef9a.png

Мне нужно, чтобы этот img встал в див к "Книге", а он под ним встал и не хочет уходить. Как это исправить?
  • Вопрос задан
  • 155 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Faliah
Во-первых littleguga прав на счет
<div class=="book">, уберите одно равно


Во-вторых Предположу, что <img class=" right"> задаёт выравнивание по правому краю (float: right). При выравнивании элементов они выпадают из потока и родительский элемент схлопывается до высоты, занимаемой тэгом h2 в вашем случае.

Если мое предположение верно, то вам необходимо воспользоваться свойством (clear: both), выглядеть это должно примерно так:

.book:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}


В в конец содержимого элемента .book будет добавлен блочный элемент с нулевой высотой, что предотварит его схлопывание.

Посмотреть как это работает можно тут https://jsfiddle.net/zqww24ok/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы