利用可能なスペースを埋めるためにJSを使用するにはどうすればよいですか？

Question

私は、質問を扱う解決策についてwwwを探しています。this fiddleの2番目の内部ディビジョンでscreen.availWidthなどを使用して、空き領域を埋めるにはどうすればよいですか？ 可能ですか？

ありがとうございます。

Answer 1

実際に可能：http://jsfiddle.net/6fLDS/57/

必要なJS：

var _otherDivsTotalWidth = 100; 
window.onload = function WindowLoad() { 
    var oDiv = document.getElementById("test"); 
    if (oDiv) 
     oDiv.style.width = (document.body.scrollWidth - _otherDivsTotalWidth -30) + "px"; 
} 

これはハードコードに他のDIV要素の合計幅があなたを必要とし、それがコードにそれを読み取ることが可能です。..する必要がありません上記のコードにそのようなものを加えることは複雑になります。

Answer 2

これは、あなたが何をしたいことmigth：

<div style="position: relative;"> 
    <div style="position: absolute; width:50px;border:1px solid red;left: 0;">1</div> 
    <div id="test" style="border: green 1px solid; margin: 0 50px;">2</div> 
    <div style="position: absolute; width:50px;border:1px solid red;right: 0; top: 0;">3</div> 
</div> 

編集：あなたの問題は、3列レイアウトのようになります。純粋なCSSのソリューションのためのhttp://css-discuss.incutio.com/wiki/Three_Column_Layouts