有沒有辦法讓絕對定位的div擴大容器？

我有HTML模板 - div＃容器內的身體，和一些絕對定位的div在容器W/O固定高度。有沒有辦法將容器擴展到100％的頁面高度？有沒有辦法讓絕對定位的div擴大容器？

這裏是一個圖像demostrating我的問題：http://habreffect.ru/files/4f3/54ad48420/q.png

我明白了，那絕對定位的div是容器「隱形」，但不幸的是我得到了瀏覽器窗口中展開。問題是，我不能使身體適合100％的頁面，如果我做身高：身體（和HTML）的100％，它將適合窗口高度的100％（我的約900px），但不是頁面高度。

對不起，如果問題真的很愚蠢。

2011-02-02 user528623

你必須使用資源管理器的問題（不記得哪個版本），但你可以設置

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

的容器，其尺寸已經設置內擴大絕對定位的元素（在它或在父）

來源

2011-02-02 08:55:34

我能看到的唯一方法是通過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; 
}

，使其結束只是下面你這段代碼在運行時會擴大你的身體的尺寸r最低絕對位置div。

來源

2011-02-02 09:28:33

有沒有辦法讓絕對定位的div擴大容器？

回答

相關問題