2011-02-02 8 views
6

body内にhtml template-div#containerがあり、固定高さのないコンテナ内にいくつかの絶対配置divがあります。コンテナをページの100%の高さに展開する方法はありますか?絶対配置されたdivがコンテナを展開する方法はありますか?

は、ここに私の問題demostrating画像です:http://habreffect.ru/files/4f3/54ad48420/q.png

私は理解して、絶対位置のdivコンテナのための「見えない」ですが、残念ながら私は、ブラウザウィンドウが拡大してしまいました。問題は、私はページの100%に合うように身体を作ることができないということです。身長の100%を身につければ、身長の100%(私は約900pxです)にフィットしますが、ページの高さ。

Plz申し訳ありませんが質問は本当に愚かです。

答えて

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; 
} 

ています最も低い絶対的な位置のdiv。

関連する問題