內容容器沒有調整大小以適合內容

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; 
}