不能得到孩子的div要匹配其父母或伴侶列

Question

的可變高度讓我再試試格式化後所以它的訪問：

• 問題：

我有一個令人沮喪的時間試圖讓一列div（側欄）匹配其父或其左側的列的高度。我嘗試過使用純CSS，然後使用jQuery來做到這一點，至今還沒有找到解決辦法。 頁面內容是內容管理的（Wordpress + Boostrap），基本本身被用作其他三個頁面的模板，所以固定高度的解決方案在這裏並不會有用。

此外，還有我嘗試過的最後一次jQuery嘗試的遺留物，從StackOverflow上的另一個解決方案 - 非常類似的問題。這沒有解決，但我已經把代碼留在了（colh-parent在父div上，colh-child在兩個子列和jQuery在頭上）以防止任何人理解我想要實現的功能。

我也試過涉及漂浮父容器和兒童似乎也沒有任何影響的方法。我目前的經驗並不是很豐富，而這個問題似乎有點過頭了。

• 有問題的網頁：

http://okamistudio.com/ssawp/pennants/

• 目標：

我試圖讓藍方條符合底部的白頁，就像在這個頁面（雖然在該頁面它正在由內容壓低）：

http://okamistudio.com/ssawp/about-us/

我試圖做到的，是邊欄（div.subpage-邊欄）的藍色背景，以滿足白的底部跳閘。據我所知，這需要它的父級（div.span3）滿足其合作伙伴列（div.span6）或父級（div.row/.colh-parent）的高度。

Answer 1

您可以使用側邊欄的絕對定位來解決此問題。也許不是最理想的依賴，但我已經測試過它，它看起來完全像你想要的。

.colh-parent { 
    position: relative; 
} 
.span3 { 
    position: absolute; 
    right: 0; 
    height: 100%; 
}