内容容器没有调整大小以适合内容

Question

我一直在撞墙，试图弄清楚这一点; http://nicklemmon.com/lily

由于某些原因，.content div的高度不会适应其内容！我可以使内容的高度大于100％，但是这样做会破坏流畅布局的目的。这只是一个随机的网站，我正在努力学习更多关于CSS动画的知识，但我已经跑到了这个愚蠢的障碍。

帮助！

Answer 1

你有100vh的height，删除它，你应该罚款。

更新（使左侧立柱高度等于右侧立柱高度）

由于它的出现，似乎是用纯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

Answer 2

overflow:auto应该为你做的伎俩。

.content{ 
    overflow:auto; 
}