Как я могу переместить средний столбец в левый столбец?

Question

http://jsfiddle.net/mnbayazit/zfBPQ/1/

По сути, я хочу

[33% оставшегося места |100px |67% от оставшегося места]

Это настолько близко, насколько я смог добраться до сих пор ...

---

Я пытаюсь избежать используя JavaScript.С JS все просто ... но я действительно не хочу полагаться на это только для некоторого позиционирования.Пользователям не гарантируется его включение.

Answer 1

Вы не можете сделать это только с помощью CSS. Вам нужно использовать JavaScript для расчета оставшегося пространства. В следующем примере средний div равен 100px, слева - 33%, а справа - 67% оставшегося пространства. С Query вы можете сделать

function calc() {
    var ww = $(window).width();
    var rem = ww - $('.div2').width();
    $('.div1').css('width', rem * 0.33);
    $('.div3').css('width', rem * 0.67);
}
calc();
$(window).resize(calc);

Проверьте рабочий пример на http://jsfiddle.net/HpJXk/

Answer 2

Хах! Решил это. И вы, ребята, сказали, что это невозможно!

http://jsfiddle.net/mnbayazit/zfBPQ/3/

Мне пришлось продублировать div размером 100px, но Javascript здесь не используется.