高度等于动态宽度（CSS流体布局） [英] Height equal to dynamic width (CSS fluid layout)

问题描述

是否可以设置与宽度相同的高度（比例1：1）？

Is it possible to set same height as width (ratio 1:1)?

示例

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

CSS

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

推荐答案

使用jQuery可以通过执行

Using jQuery you can achieve this by doing

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

这篇关于高度等于动态宽度（CSS流体布局）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！