2011-02-02 103 views
6

我有HTML模板 - div#容器内的身体,和一些绝对定位的div在容器W/O固定高度。有没有办法将容器扩展到100%的页面高度?有没有办法让绝对定位的div扩大容器?

这里是一个图像demostrating我的问题:http://habreffect.ru/files/4f3/54ad48420/q.png

我明白了,那绝对定位的div是容器“隐形”,但不幸的是我得到了浏览器窗口中展开。问题是,我不能使身体适合100%的页面,如果我做身高:身体(和HTML)的100%,它将适合窗口高度的100%(我的约900px),但不是页面高度。

对不起,如果问题真的很愚蠢。

回答

4

你必须使用资源管理器的问题(不记得哪个版本),但你可以设置

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

的容器,其尺寸已经设置内扩大绝对定位的元素(在它或在父)

1

我能看到的唯一方法是通过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。

相关问题