JS를 사용하여 사용 가능한 공간을 채우려면 어떻게해야합니까?

Question

저는 www를 찾으면서 다음 질문에 대한 해결책을 찾고 있습니다. this fiddle의 두 번째 내부 div에서 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> 

편집 : 순수 CSS 솔루션 http://css-discuss.incutio.com/wiki/Three_Column_Layouts