JavaScript流暢的布局

Question

我在布局中使用了帶有jQuery的流暢布局，但是遇到了一些我想問的問題。

現在，布局看起來像這樣：

我希望它看起來像這樣：

同時保持其流動性。 我該如何實現呢？

我在這里上傳了代碼： 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%;
}

由於距頂部和底部的偏移量為0 ，因此該div的父元素高度為100％。 嘗試改善您的小提琴，它可能會解決您的所有問題。 再次詢問您是否掙扎。