Có cách nào để thực hiện div vị trí hoàn toàn mở rộng vùng chứa không?

Question

Tôi có mẫu html - div # container bên trong cơ thể và một số div được định vị hoàn toàn trong vùng chứa có chiều cao cố định. Có cách nào để mở rộng vùng chứa đến 100% chiều cao của trang không?

Dưới đây là một hình ảnh demostrating vấn đề của tôi: http://habreffect.ru/files/4f3/54ad48420/q.png

Tôi hiểu, đó divs hoàn toàn vị trí là "vô hình" đối với container, nhưng tiếc là tôi đã mở rộng cửa sổ trình duyệt. Vấn đề là, tôi không thể làm cho thân hình vừa với 100% trang, và nếu tôi tạo chiều cao: 100% thân (và html) nó sẽ phù hợp với 100% chiều cao cửa sổ (khoảng 900px), nhưng không phải là chiều cao trang.

Xin lỗi nếu câu hỏi thực sự ngu ngốc.

Answer 1

Bạn sẽ có vấn đề với nhà thám hiểm (không thể nhớ được các phiên bản) nhưng bạn có thể đặt

left:0; 
right:0; 
top:0; 
bottom:0; 

để mở rộng một yếu tố hoàn toàn vị trí trong một container có kích thước đã được thiết lập (trong đó hoặc trong một mẹ)

Answer 2

cách duy nhất tôi có thể thấy là thông qua Javascript

// returns the coordinates of top/left corner of an element 
function getPosition(obj) 
{ 
    var left = 0; 
    var top = 0; 
    if (obj.offsetParent) 
    { 
     do 
     { 
     left += obj.offsetLeft; 
    top += obj.offsetTop; 
    } 
    while (obj = obj.offsetParent); 
} 
return {x:left, y:top}; 
} 

document.onload = function() 
{ 
    var div = document.getElementById('yourLowestPositionnedDiv'); 
    var divBottom = getPosition(div).y + div.offsetHeight; // y coordinate of the bottom/left corner 
    document.body.style.height = divBottom - getPosition(document.body).y; 
} 

mã này sẽ mở rộng kích thước của cơ thể trong thời gian chạy để nó kết thúc ngay dưới bạn r div được đánh giá thấp nhất tuyệt đối.