2010-11-06 2 views
1

У меня нет много деталей для этого, но надеюсь, что я мог бы опираться на другие знания по этому вопросу.Развернуть высоту родительского div с содержимым внутреннего дочернего div

У меня есть div, который имеет минимальную высоту, установленную на нем. Этот div содержит контент и повторяется несколько раз в ретрансляторе .net.

Это прекрасно работает.

Внутри главного div находится еще один div. Это содержит больше содержимого, которое может охватывать несколько строк. Проблема заключается в том, что если дочерний div выше родительского div, родительский div не расширяется по высоте. И как его внутри ретранслятора, содержимое дочернего div расширяется на следующий родительский div. Есть ли способ через css, я могу расширить родительский div, чтобы он расширялся с содержимым дочернего div.

Это очень уменьшенная версия моей разметки:

<div class="row">This is content ... blah blah<div class="child">ahdshfjhdsfjk <br/><br /><br /><br /><br />jkljlkj<br />jjkljl<br /></div></div> 

Любая помощь будет больше о том, как исправить эту

+0

Работает так, как ожидалось. Каковы стили? –

ответ

3

Из того, что я помню, вы можете попробовать добавить «ясно» в конце вашего содержащего DIV, как так:

<div class="row"> 
    This is content ... blah blah 
    <div class="child"> 
     ahdshfjhdsfjk 
     <br/><br /><br /><br /><br /> 
     jkljlkj 
     <br /> 
     jjkljl 
     <br /> 
    </div> 
    <br style="clear: both;" /> 
</div> 
+0

или лучше,

, так как это не добавляет лишнюю пустую строку – JasonWoof

+0

Спасибо, но не повезло с этим! – amateur

+0

@ Niall, во время выполнения с jquery вы можете найти высоту дочернего div и соответственно настроить родительский div right $ ('$ div'). Height() и изменить родительский div. – kobe

1

Вот почему это лучше знать стандартный HTML и CSS, а не собственность .NET материал, который скрывает вещи от вас. То, что вы показываете, должно делать то, что вы хотите. Проблема заключается в CSS и без этого, все это дикое предположение, но, вероятно, связано с тем, что внутренний div плавает или иным образом позиционируется.

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