2010-02-19 35 views
12

Tôi có một div có 2 phần tử.Nhận CSS Div để điền chiều cao có sẵn

<div id="master"> 
     <div id="follower"></div> 
     <div id="decider"></div> 
<div> 

'thầy' div có các thuộc tính CSS sau

height:auto; 
width:auto; 
margin:0; 
padding:10px; 
display:block; 

Các 'đi theo' div có các thuộc tính CSS sau

position:relative; 

vertical-align:middle; 
height: auto; 

display: inline-block; 

margin-top: 0px; 
margin-bottom:0px; 

Các 'người quyết định' div quyết định như thế nào cao những ' master 'div là. Có thể cho div 'người theo dõi' lấp đầy không gian dọc nhiều trong div 'chủ' càng tốt?

tôi đã cố gắng height: 100% nhưng điều đó chỉ làm cho những người thừa hành div chiếm toàn bộ màn hình (chiều dọc)

Trả lời

27

Thầy nên có

position: relative; 

và sau đó là đi theo nên có

position: absolute; 
top: 0; 
bottom: 0; 

Điều đó sẽ hiệu quả, ngoại trừ IE6 (số lượng người đáng báo động vẫn đang sử dụng, nhưng tôi sẽ chỉ bỏ qua những điều đó và yêu cầu họ cập nhật trình duyệt của họ)

+0

Yep hoạt động. Tuy nhiên, nó (rõ ràng) đã khiến cài đặt chặn nội tuyến trong 'người theo dõi' bị bỏ qua. – jameszhao00

+2

@ jameszhao00, đó là vì phần tử 'position: absolute' được lấy ra khỏi luồng tài liệu, vì vậy không có gì có thể là inline * với *. –

+4

điều này không làm việc cho các div trong các ô bảng –

Các vấn đề liên quan