[解決済み] 高さが動的幅と同じになる（CSS フルードレイアウト） [重複]。

質問

横幅と同じ高さ（1：1）にすることは可能ですか？

例

+----------+
| body     |
| 1:3      |
|          |
| +------+ |
| | div  | |
| | 1:1  | |
| +------+ |
|          |
|          |
|          |
|          |
|          |
+----------+

CSS

div {
  width: 80%;
  height: same-as-width
}

解決方法は？

jQueryを使用して、次のようにすることで実現できます。

var cw = $('.child').width();
$('.child').css({'height':cw+'px'});

動作確認はこちら http://jsfiddle.net/n6DAu/1/