как сохранить высоту div равной объединению высоты элементов внутри него

Question

Я делаю шаблон WordPress. я застрял в каком-то месте ...

проблема в том,

как сохранить размер div> = размер тегов p и img ...

Я видел, что div может содержать только тег p, но тег img для потоков ...

У меня есть мой код в следующем порядке:

<div>
<p> some contents <img src="an_image"/> some morecontent</p>
<div>

что я в основном хочу, это:

div height = <p> height U(union) <img> height

но на самом деле я получаю:

div height = <p> height; while <img> over flows

Я уже проверил похожие вопросы по переполнению стека, но не смог найти вопрос, который решает подобную проблему. пожалуйста, дайте мне некоторую идею ..

обновление:

это мой код:

<div id="the_content">
    <p><img class="alignright" src="http://i35.tinypic.com/990wtx.png" alt="WordPress Logo" align="right" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, <a href="#">convallis quis</a>, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.  <a href="http://localhost/wordpress/?p=55#more-55" class="more-link">(more&#8230;)</a></p>
</div>

Answer 1

Вы не показываете свой CSS, но похоже, что у вас есть плавающее изображение внутри div. Вы можете попробовать очистить div после <p>. Или есть другие, более новые решения подробно о Quirksmode.

Answer 2

Если вы не укажете высоту, она будет охватывать все элементы внутри него, почему вы хотите указать высоту?