パディングや余白を取り除く

Question

私はブートストラップコンテナを持っていますが、何らかの理由でコンテナの底に隙間があります。

右側の列が下に向かうことはありません。

質問どのように右端の列の背景を下まで移動させたり、コンテナdivの下部にギャップが存在するかを削除したりできますか？

CodePen Preview

CSS

body { 
    padding-top: 64px; 
    background: #F0F0F0; 
} 

.gap-md { 
    margin-top: 2rem; 
    margin-bottom: 2rem; 
} 

.gap-sm { 
    margin-top: 1rem; 
    margin-bottom: 1rem; 
} 

#body-image { 
    background: url(../../../images/blue-print-2.jpg); 
    min-height: 380px; 
} 

.container { 
    background-color: #fff; 
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12); 
    margin-top: -10rem; 
    padding: 0; 
} 


.profile-stats { 
    padding: 2rem; 
    background: #F7F7F7; 
    height: 100%; 
} 

Answer 1

あなたh2はその上に余裕を持っており、あなたはボックスの上にオーバーフローを許可しているので、あなたのmatchheightスクリプトが自分のプロフィール情報セクションの下部にある余分を作成しているとともに、 h2の余白が.box divの代わりにdivを含む場合、を.boxに追加するか、h2からマージンを取り除き、代わりに次のような埋め込みを追加してください：

いずれか

.box{ 
    overflow:hidden; 
} 

又は

h2{ 
    margin:0; 
    padding:15px 0; 
}