javascript - 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% の高さになります。フィドルを改善してみてください。すべての問題が解決する可能性があります。困ったらまた聞いてください。