高度等于动态宽度(CSS流体布局) [英] Height equal to dynamic width (CSS fluid layout)
本文介绍了高度等于动态宽度(CSS流体布局)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
是否可以设置与宽度相同的高度(比例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屋!
查看全文