Div не достигает высоты родительского div (w/ bootstrap) ⇐ Html

[Anonymous]

Я начну с заявления, что я знаю, что этот вопрос был задан много, но ни один из ответов, которые я видел, не сработал для меня. У них будет динамичный текст, поэтому я не знаю, сколько будет каждые строки. Проблема в том, что я не могу заставить DIV по размеру до высоты родителя. Я хочу, чтобы DIV столбцы занимали всю высоту Div (в основном, я хочу, чтобы эта синяя часть заполнила все пространство между стержнями). < /P>

html: < /p>



Some Text

Some text that could wrap to multiple lines



Different Text

With some more text



< /code>

css: < /p>

.divOne
{
border-top:10px solid black;
}

.divTwo
{
background-color: #32649b;
height:100%;
color:white;
}
< /code>

jsfiddle: < /h2>

Теперь, что я узнал из других версий этого вопроса, что < /p>


Плавание: влево может быть в Определено < /li>
Позиция: относительно может помочь родительскому < /li>
< /ul>

Проблема с поплавком - < /strong>, что я использую начальную загрузку, и это то, откуда поступает, так что я действительно не хочу, чтобы это было на самом деле, потому что он будет на самом деле. Дети. Я также предполагаю, что это не сработает, потому что я использую начальную загрузку. Возможно, я просто что -то упускаю. Я признаю, что не самый лучший с CSS < /code>. < /P>

Я не знаю, есть ли у меня эти проблемы, потому что я использую начальную загрузку, или потому, что я просто идиот прямо сейчас. Я действительно хочу что-то вроде COL-XS-12 COL-MD-3 для них.

Подробнее здесь: https://stackoverflow.com/questions/275 ... -bootstrap