如何使用javascript或CSS将div的宽度设置为百分比减去某些像素

Question

following code represents two divs on my webpage.

<div class="left">Left</div>
<div class="right" id="toset">
   <div class="right-top">right-top</div>
   <div class="right-bottom">right-bottom</div>
</div>

i have two divs, left is of fixed width and position, the right one has to be of the remaining width and of absolute position .

i cannot figure out how to set the width of right one to fill the remaining screen.

check following link for the full code.

http://jsfiddle.net/X5Bd6/

Answer 1

If I've understood your question correctly,

.right{
        :
    right: 0px;
}

should do the trick.

A live demo at jsFiddle .