使用js实现
<script type="text/javascript">
$(document).ready(function(){
$('#box1').css('height',$('#box1').css('width'));
})
</script>
<style type="text/css">
#box{
width: 900px;
height: 400px;
border:1px solid red;
}
#box1{
width:50%;
border:1px solid green;
}
</style>
<body>
<div id='box'>
<div id='box1'></div>
</div>
</body>
Ps:如果还有其他实现方式，请留言，谢谢。
<h3>The End：</h3>
微信：
扫一扫上面的二维码，加我微信
使用js实现 Ps:如果还有其他实现方式，请留言，谢谢。 The End： 我的：简书 我的：GitHub 我的：...
content-box：这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之...
这篇文章主要讨论子元素宽高度超出父元素宽高度的情况。 包裹的盒子（父元素）已经规定好宽度时，若被包裹的元素的总宽度...
那么css如何实现高度height随宽度width变化保持比例不变呢？即给定可变宽度的元素，它将确保其高度以响应的...
那么css如何实现高度height随宽度width变化保持比例不变呢？即给定可变宽度的元素，它将确保其高度以响应的...
行级元素宽度和高度随着内容自动扩展，设置其宽度和高度后并没有什么卵用。 块级元素才能 设置其宽和高。 displa...
box-sizing:规定元素的边框的框 属性值1content-box：宽度和高度分别应用到元素的内容框，在宽度...
object-fit 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。
父元素A高度等于子元素B高度，子元素B有三个子元素且高度相加等于子元素高度
1、父子元素高宽问题 未指定父元素宽度，指定子元素宽度后，chrome下父元素div的宽度等于子元素宽度撑起的宽度...
本文标题：css-如何规定某一元素高度等于其宽度
本文链接：https://www.haomeiwen.com/subject/jspbettx.html
网友评论