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

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/

我不得不复制100px div，但不涉及Javascript。