100% chiều cao bên trái với nội dung động phải - Bootstrap + Wordpress

Question

Tôi đang tạo một trang web bằng cách sử dụng Bootstrap và Wordpress. Đó là bố cục 2 cột - thanh bên trái, nội dung phù hợp. Nội dung phù hợp là động và mở rộng bằng cuộn vô hạn. Tôi đã cố gắng để làm cho thanh bên trái 100% chiều cao thông qua một số kỹ thuật nhưng vô ích.

Tôi muốn thanh bên tiếp tục xuống theo kích thước của chế độ xem/chiều cao của div nội dung phù hợp.

Tôi đã thực hiện một fiddle trần: http://jsfiddle.net/ydPMr/3 nhưng nó sẽ là tốt hơn nếu bạn nhìn thấy những gì tôi đã nói về trên trang dev của tôi: http://joshuawalker.koding.com.

Dưới đây là cấu trúc cơ bản của trang web của tôi:

<div class="navbar navbar-inverse navbar-static-top"> 
<div class="navbar-inner"></div> 
</div> 
<div class="wire-unit hero-fix"> 
</div> 
<div class="sidebar hidden-phone"></div> 
<div class="content"></div> 

Nếu ai có bất kỳ ý tưởng về cách làm cho thanh bên để căng chiều cao đầy đủ, tôi sẽ đánh giá cao nó.

Cảm ơn!

Answer 1

Điều này có hiệu quả đối với tôi. Fiddle

tôi đặt min-Height-500px. Nếu bạn không muốn tối thiểu, hãy xóa nó. Nó sẽ hoạt động theo số height nội dung của bạn trong số content div. Như thế này Fiddle

<div class="wrapper"> 
    <div class="sidebar hidden-phone"> 
    </div> 
    <div class="content"> 


    </div> 
</div> 

và phong cách

<style type="text/css" > 
    .wrapper 
    { 
     min-height:100%; 
     width:100%; 
     position:relative; 
     background-color:Black; 
     display:inline-block; 
    } 
    .sidebar 
    { 
     width:20%; 
     top:0px; 
     left:0px; 
     bottom:0px; 
     position:absolute; 
     background-color:Aqua; 
    } 
    .content 
    { 
     min-height:500px; 
     width:80%; 
     position:relative; 
     background-color:Gray; 
     float:right; 
    } 
</style>