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

Я делаю шаблон wordpress. я застрял на каком-то месте ...как сохранить высоту div равную объединению высоты элементов внутри него

проблема,

как сохранить размер div> = размер р-теги и теги IMG ...

я видел, что ДИВ только в состоянии содержать р тег но 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>

источник

2010-05-30 Shiv Deepak

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

источник

2010-05-30 12:19:46 Robusto

ok! я проверю это! но плавать можно только с div! RYT! в этом div нет другого div, все элементы p и img .. и здесь, в моем случае .. img переполняется из div. любое решение для этого? где я могу, возможно, ошибаться .. –

@idlecool: Float возможен внутри любого элемента блока, также img. Но это * * div, который рушится на вас. – Robusto

да! это была проблема переполнения, я получил исправление для нее .. :) Я использовал div # the_content {overflow: hidden;} и он работал :) –

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

источник

2010-05-30 12:19:36

да! это верно, когда все элементы внутри него являются непосредственно дочерними для этого конкретного div .. здесь в этом случае элемент img находится внутри p и p находится внутри div, его как div (p (img)) ... то же понятие здесь не работает. даже не имеют контроля над внутренними элементами, поскольку он передает его содержимое из CMS (wordpress) –

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

ответ

Смежные вопросы