Сделайте два столбца с регулируемыми высотами, имеют 100% высоту внутри основного Div ⇐ Html

[Anonymous]

Я столкнулся с проблемой, когда у меня есть Div с двумя столбцами. Я хочу, чтобы один был серым, другой, чтобы быть белым. У одного будут изображения, у другого будет текст. Мне нужна высота обоих, чтобы быть на 100%, и мне трудно понять это. То, как я настроен сейчас, одна сторона «заканчивается», а другая сторона продолжает растянуть Div. < /P>

Что мне нужно сделать, чтобы оба столбца простирались до нижней части Div? «Индопродукт»-это основной DIV, который содержит метку, затем логотипы (левый столбец) и текст (правый столбец). В обоих из них не всегда будет равное содержание.
Label Goes Here

• Shovels

< /code>

Вот мой css: < /p>

.ind-product {
width:308px;
height:auto;
float:left;
background-color:#fff;
border-radius:0px;
margin:14px 20px 8px 0px;
/*border:solid #000 1px;*/
color:#202020;
}

.ind-product-label {
width:276px;
height:50px;
background-color:#ac1225;
color:#fff;
text-transform:uppercase;
font-size:15px;
text-align:center;
padding:20px 16px 0px 16px;
font-weight:bold;
}

.ind-product-logos {
background-color:#CBCBCB;
height:100%;
width:150px;
float:left;
}

.ind-product-list {
height:100%;
float:right;
width:158px;
}

.ind-product-list ul {
padding:0;
margin:0;
}

.ind-product-list li {
padding:14px 12px 0px 12px;
list-style:none;
}
< /code>

Я хочу, чтобы оба столбца внутри моего Div достигли 100% высоты. Я не понимаю, как это должно работать. < /P>

Спасибо < /p>

Подробнее здесь: https://stackoverflow.com/questions/241 ... e-main-div