高度等于动态宽度（CSS流体布局）

• Z时代
• 2024-01-10
• 分类：问答

是否可以将宽度设置为相同的高度（比率1：1）？

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

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

回答：

使用jQuery，您可以通过以下方式实现此目的

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

以上是 高度等于动态宽度（CSS流体布局） 的全部内容， 来源链接： utcz.com/qa/425238.html