CSS将高度设置为容器的百分比

Question

我的HTML编码为;

<div class="container">
   <div class="fl left">
   <div class="fl right">
</div>

现在，如果我给左边的div增加25％的宽度，它就会正确（例如，如果容器= 1000px，它会给左边宽250px）

但是，如果我将高度指定为右侧div的25％，则无法正确计算（看起来它忽略了％高度）

如何正确计算子div％高度？

Answer 1

正如您对宽度所做的那样，您必须为container定义高度。 见http://fiddle.jshell.net/z9GY8/2/

注意： 关闭你的div，例如<div class="fl left"></div>（编辑：以</div>关闭）

Answer 2

您缺少子div的结束标记。 并尽可能不要为任何元素添加％。给他们特别的测量。

Answer 3

您需要关闭div标签，如下所示： <div class="container"><div class="fl left"></div><div class="fl right"></div> </div> </div>

同样如前所述，在这个例子中，对于你的高度和宽度使用绝对测量值可能更好，例如（250px），而不是百分比。

Answer 4

HTML无法按百分比计算高度。不可能只使用HTML。

你应该为这个目标使用javascript（jquery）。

喜欢这个例子： $（'div.right'）。heght（$（document）.height（）/ 100 * 25）; //所以这将是25％。