JavaScript流体布局

Question

我已经在我的布局中采用了流体布局，但遇到了一些困难，我想问一些问题。

现在的布局是这样的：

我想它看起来就像这样：

，同时保留它的流动性。我该如何去实现这个目标？

我已上载这里的代码：http://jsfiddle.net/methuselah/V44Jw/3/

Answer 1

这一切都可能与CSS和JavaScript的没有在所有。您不应该使用JavaScript来创建流畅的布局。

你已经用CSS做了一些很好的工作。一个简单的方法是使用元素的绝对定位，相对大小。在每个div内与position: relative;你可以做你的意志绝对定位。

一个好的做法是将大小计算留给浏览器。如果你看看这个例子：

#someDiv { 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 80%; 
} 

这个div将有它的父元素的100％的高度，由于从顶部和底部偏移0。试着改善你的小提琴，它可能会解决你所有的问题。再次询问你是否挣扎。