Html 根据其宽度设置div高度

是否可以动态设置divs宽度，然后将其高度设置为该宽度的某个百分比。大概是这样的：

#myDiv{
    width:%100;
    height: {35% of width};
}

---

我希望保留div的宽高比，而不管其宽度是多少。

尝试一个简单的JavaScript：

document.getElementById("elemID").style.height = 
Math.round((document.getElementById("elemID").style.width * 100) / 35) + "px";

---

这将获得with的百分比（四舍五入），并将其分配给高度。

您可以通过CSS将高度设置为零，然后向填充底部添加一个百分比来完成此操作。您可能需要稍微调整一下以获得所需的结果，但这里有一个示例

#myDiv{
宽度：100%；
身高：0；
垫底：35%；
背景色：#333；
}

HTML:

<div class='box'> 
    <div class='content'>All your content are belong to us</div> 
</div>

内容：
然后将内容设置为完全覆盖整个盒子，这样无论大小，它都适合

.content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

塔达，你完了

---

来源：

你需要这个斜杠来除法（我总是忘记哪个叫做which=），谢谢。我在平板电脑上，感到困惑：）简单的语义我亲爱的沃森：）填充实际上变成了div的高度，随着屏幕大小的变化，填充也会改变。嗯，我还是不明白。35%的计算依据是什么？为什么？通常，与高度相关的百分比将根据高度计算？为什么在这里是按宽度计算的？上/下填充或边距上的百分比值与包含块的宽度有关。我的答案也是纯CSS的，在你之前发布，所以不知道你为什么说…“或者“对不起，我开始打字时你的答案不在那里，在按下按钮之前我没有做检查。”。现在将更改“或”。

.content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}