Помогите решить как сделать чтобы внутрение блоки растягивались на высоту родительского блока height:100%; не помогло

[Fizruke]

http://prntscr.com/8nw92f 

 

 

<div class="korzina_table">
<div class="kor_li_1">
<div class="korzina_img">
<img src="image/s_1.png"/>
</div>
</div>
<div class="kor_li_2">
<p class="nomer_tovara">Плита 1П 18-15-30</p>
<table>
<tr>
<td>Длина,мм:</td><td>1750</td>
</tr>
<tr>
<td>Ширина,мм:</td><td>1500</td>
</tr>
<tr>
<td>Высота:</td><td>160</td>
</tr>
<tr>
<td>Масса,тон:</td><td>1.03</td>
</tr>
<tr>
<td>Объём,куб.м.:</td><td>0.41</td>
</tr>
<tr>
<td>Длина,мм:</td><td>1750</td>
</tr>
<tr>
<td>Ширина,мм:</td><td>1500</td>
</tr>
<tr>
<td>Высота:</td><td>160</td>
</tr>
<tr>
<td>Масса,тон:</td><td>1.03</td>
</tr>
<tr>
<td>Объём,куб.м.:</td><td>0.41</td>
</tr>
</table>
</div>
<div class="kor_li_3">
<p class="kol_txt">кол-во</p>
<div class="schet_tovar">
<input placeholder="0"/>
<div class="plus_minus">
<div></div>
<div></div>
</div>
<span>шт</span>
</div>
</div>
<div class="kor_li_4">
<p class="kol_txt">цена</p>
<span class="kol_txt_2">4 500руб</span>
</div>
<div class="kor_li_5">
<p class="kol_txt">сумма</p>
<span class="kol_txt_2">80 000руб</span>
</div>
<div class="kor_li_6 ">
<span class="exit"></span>
</div>
</div>

 

—————————————————————————-

 

 

.korzina_table{
font-family: Roboto;
margin-bottom: -1px;
border-top:1px solid;
border-bottom:1px solid;
border-color: #D8E0E3;
width: 100%;
min-height:162px;
}

—

.kor_li_2{
font-family: Roboto;
float:left;
margin-left: 13px;
width:150px;
height:100%;
}

 

—--

 

 

Буду благодарен если кто-то подскажет как лучше добавлять здесь HTML/CSS

А то шпарю текстом из редактора.

[Fizruke]

http://prntscr.com/8nw92f 

[Great Rash]

1) Нужно явно задать высоту родительскому блоку.

2) Внутреннему блоку указать высоту 100%.

[infidel]

http://jsfiddle.net/3bmkkswm/- вот так добавлять

[Fizruke]

1) Нужно явно задать высоту родительскому блоку.

2) Внутреннему блоку указать высоту 100%.

Если задать фиксированную высоту тогда текст выпадает  http://prntscr.com/8nwsth

Размер текста будет меняться и по этому основной блок указан с минимальной высотой.

Как быть чтобы при  увеличении  одного дочернего блока увеличивался родительский и остальные дочернии?

http://jsfiddle.net/3bmkkswm/- вот так добавлять

Спасибо! 

Edited October 5, 2015 by Fizruke

[infidel]

Как быть чтобы при  увеличении  одного дочернего блока увеличивался родительский и остальные дочернии

 

Может стоит сверстать таблицей?

[Fizruke]

 

Как быть чтобы при  увеличении  одного дочернего блока увеличивался родительский и остальные дочернии

 

Может стоит сверстать таблицей?

 

может быть есть ещё варианты? про таблицу я уже тоже подумал. 

[infidel]

может быть есть ещё варианты?

display:table, table-row, table-cell - по сути тоже самое что таблица, но считается более православным вариантом, для верстки блоков. Без табличной логики я не представляю как это сверстать, не прибегая к жестким извращениям.

[Fizruke]

 

может быть есть ещё варианты?

display:table, table-row, table-cell - по сути тоже самое что таблица, но считается более православным вариантом, для верстки блоков. Без табличной логики я не представляю как это сверстать, не прибегая к жестким извращениям.

 

Попробовал таблицей, всё равно такие косяки вылазиют  http://prntscr.com/8nxjlv

 

Нашел решение,да походу только таблицей и vertical-aligh:top;

Edited October 5, 2015 by Fizruke

[infidel]

Дайте ссылку на ваш сайт, или выложите на jsfiddle html и css.

[Fizruke]

Дайте ссылку на ваш сайт, или выложите на jsfiddle html и css.

Ссылки нет, сайт на стадии вёрстки. Вот пожалуйста

http://jsfiddle.net/Fizruke/3pfdejzr/

Edited October 5, 2015 by Fizruke

[Great Rash]

У вас по сути табличные данные, почему вам не нравится таблица в данном случае - непонятно.

[Fizruke]

У вас по сути табличные данные, почему вам не нравится таблица в данном случае - непонятно.

Сработал какой то стереотип вредный, мол всё дивами делается и таблицы уже не используют практически. Оказалось не всё делается дивами.