Я ударил головой о стену, пытаясь понять это; http://nicklemmon.com/lilyКонтейнер для содержимого, не изменяющий размер для содержимого
По какой-то причине высота .content div не будет соответствовать его содержимому! Я могу сделать высоту .content более 100%, но этот вид побеждает цель жидкого макета. Это просто случайный сайт, над которым я работал, чтобы больше узнать о анимации CSS, но я столкнулся с этим глупым препятствием на пути.
Помощь!
у вас есть height из 100vh, удалить его, и вы должны быть хорошо.
Как представляется, по-видимому, нет простого способа настроить левый столбец того же высоту, что и правый столбец, используя чистый CSS, вы можете сделать обходной путь по-разному, лучшим способом я бы предложил использовать Javascript/jQuery.
//HTML
<div class="moving-right big-lefty col-md-3">
</div>
<div class="big-righty col-md-9">
</div>
//jQuery to use on document ready.
$(".big-lefty").height($(".big-righty").height());
вы можете попробовать другой CSS решение, которое не работает в вашем случае, когда я попробовал его на хроме, с помощью инспектора. вы можете захотеть поиграть с ним.
У .content в display:table-row и .big-lefty и big-righty в display:table-cell
Хм, это, похоже, сработало. Как бы сделать, чтобы высота левого столбца соответствовала высоте .content? – nlemmon
Используйте что-то, чтобы выровнять высоты в соответствии с высотой. Я использую jQuery, но другие делают всевозможные вещи. В вашем случае обратите внимание на подход отрицательного запаса на основе заполнения, который должен работать. Прочитайте мой комментарий в OP – Christina
обновленный мой ответ, дайте мне знать, если это сработает. – Phani
overflow:auto должен сделать трюк для вас.
.content{
overflow:auto;
}
Это потому, что у вас есть 100vh – cport1
IMG не EVER иметь закрывающий тег. Класс img должен быть img-отзывчивым img-circle, стиль inline должен быть удален. Тег для этого вопроса должен быть twitter-bootstrap-3 NOT bootstrap (что совсем другое). Оставьте высоту в покое, не дурите с ней (я вижу, вы ее исправили). – Christina
Откройте как ваш основной сайт, так и образец в Firefox, материал должен быть исправлен. Или используйте инструменты разработчика в Chrome. – Christina