Почему отступ блока не от изображения, а от последнего абзаца?

Question

[Александр]

Привет всем. Помогите разобраться в проблеме.

Есть блок

<div class="text_block">
   <h2>Доставка</h2>
   <img src=""/>
   <p></p>
   <p></p>
</div>

Такие блоки идут подряд один за другим.

Задаю для text-block margin-bottom: 100px; и происходит следующая вещь: данный отступ начинается от последнего абзаца блока, а не от картинки (картинка по высоте больше текста).

Answer 1

[iBird Rose]

потому что margin не суммируются htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvay...

Comments

[Александр]

спасибо. Прочитал статью. Решил проблему добавлением overflow: hidden для блока text_block

[iBird Rose]

Александр Писклов: а.. ну значит у вас float: left стоял. если ставите float, то сразу же нужно сделать его clearfix.

[Александр]

clear:both задал text_block. Не сработало

[Александр]

ааа, кажется понял. clearfix не в том месте ставил. Нужно внутри блока text_block