我可以根据它的高度来设置div块的宽度吗？

Question

有什么方法可以根据它的高度来设置div块的宽度？

例如，我有一个块的高度取决于父级，我想根据它的高度来设置它的宽度。

Answer 1

这是一个诀窍，你可以在孩子中添加1：1的图像

.parent {
    height: 250px;
}

.child {
    height: 100%;
    display: inline-block;
    background:#333;
}

.child img {
    height: 100%;
    position: relative;
    opacity:0;
}

<div class="parent">
<div class="child">
<img src="https://dummyimage.com/350x350/ffffff/ffffff" />
</div>
</div>

Answer 2

我会使用相对于窗口宽度的宽度和高度。像这样：

股利{   宽度：50vw;   高度： }