Html 将固定容器转换为流体。。。。如何设置高度？

更新： 抱歉让大家感到困惑。。。实际上我想问的是，攀登跳水台的高度最好的方法是什么？如果我将200px的宽度和300px的高度转换为可伸缩的div，它的宽度将是20%。我怎样才能测量高度？喜欢我如何在不使用px的情况下保持比例？是否有一种方法可以根据宽度设置高度？比如说，使用50%的宽度大小或者类似的东西？我只需要一种方法来保持div的比例，同时div的宽度调整

---

我有一个需要保持固定像素的父容器。但是，我希望所有的儿童版都是流动的。 但是当涉及到转换高度时，我有点困惑

假设我的代码过去是这样的：

#parent {width: 1000px;}
#child {width: 200px; height: 300px;}

我把孩子变成液体的新密码是：

#parent {width: 1000px;}
#child {width: 20%;}

---

是否有任何方法可以在不设置父元素高度的情况下，以百分比形式设置子元素的高度（在本例中等于300px）？

您的问题不够清楚，但您需要知道，只要父元素已定位且具有

高度：auto

，就可以将子元素的高度设置为100%：

#parent {
    height:auto; 
    width: 1000px; 
}
#child {
    height:300px; 
    width: 30%; 
}

小提琴：

进一步阅读： 现在，如果您希望在父级中有多个浮动子级，那么假设有3列，您需要浮动子级和父级，并将

position:relative

添加到父级和子级：

#parent {
    height:auto; 
    position: relative;
    width: 1000px; 
    float: left;
}
#child {
    height:100%; 
    width:30%; 
    float: left;
    position: relative;
}

---

Fiddle:

我不知道如何用css实现，但我可以用javascript实现

获取父元素的宽度

计算宽度的百分比

然后将计算值应用于子图元的高度

像

---

我认为css中没有基于父元素宽度应用高度的技术。我的意思是，我没有从任何地方得到任何东西。

你的问题让我困惑：你希望孩子的身高是未知身高的一个百分比？未知的xx%=未知，否？使用固定宽度，因为人们可能认为您指的是

位置：固定的

；）这也让我困惑，你回答了你自己的问题，不是吗？正如普特里克所说，未知高度的百分比=未知。。。就这么简单，抱歉搞混了伙计们。。。“我刚刚更新了我的帖子。@dadadey:仍然不清楚，当div调整宽度时，保持div的比例是什么意思？”。无论如何，通过CSS是不可能的，所以将高度设置为宽度的60%，在这种情况下，您将需要使用Javascript。

var parentWidth = $("#parent").width();
var childHeight = Number(parentWidth) * 0.30;
$("#child").height(childHeight);