如何将中间列移到左侧列？

Question

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

本质上我想要

[剩余空间的33％| 100px | 剩余地方的67％]

距离我能够达到的目标已经近了……

---

我试图避免使用JavaScript。 使用JS一切都很容易...但是我真的不想仅仅依靠它来进行定位。 不保证用户会启用它。

Answer 1

您不能仅凭CSS做到这一点。 您需要使用JavaScript来计算剩余空间。 在以下示例中，中间div为100px，左侧为33％，右侧为剩余空间的67％。 使用查询，您可以执行

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/

我必须复制100px div，但是没有涉及Javascript。