Сьезжает блок при уменьшении размера браузера. Bootstrap. Как бороться?

Question

[Сергей Комаров]

Здравствуйте, уже приличное время не могу разобраться с этой проблемой, так что прошу вашей помощи, извиняюсь если данный вопрос уже задавался.
В общем есть сайт из двух блоков - aside прижатый к левой стороне через float:left на всю высоту экрана. и основной большой блок справа через float: right. При уменьшении окна браузера большой блок сьезжает вниз, не под aside, а просто вниз, то есть остается прижат к правой стороне, как с этим бороться?

И еще попутно один вопрос, дабы не создавать новую тему. Что делать чтобы при уменьшении экрана текст не вылазил из блока? тоесть сам текст просто ниже блока уходит, кроме уменьшения размера текста через media queries есть еще варианты?

Comments

[Hoffman_ZZZ]

Пример кода можно?

[Сергей Комаров]

Hoffman_ZZZ: пример кода по первому или второму вопросу?

[Hoffman_ZZZ]

по второму

[Сергей Комаров]

Hoffman_ZZZ: jsbin.com/quwubureca/2/edit?html,css,console,output вот что я пытаюсь сделать

[Max]

Для текста overflow:hidden не пробовали?

[Max]

А по-поводу блоков, попробуйте поиграть с позиционированием.

[Сергей Комаров]

Max: это обрезает текст, не то что нужно..нужно просто чтобы блок растягивался по высоте. зайдите на getbootstrap.com/css/#grid и найдите любой блок с текстом, уменьшите размер браузера, текст остается в блоке даже ширина браузера критически мала, а блок соответственно растягивается

Answer 1

[Hoffman_ZZZ]

Если вы правильно задали расположение строки и адаптивных колонок, то текст не будет вылазить за установленный блок.