得到里面的浮动div到100％的高度

Question

拥有以下代码。高度是可变的，因此浮动对象的高度需要改变，但不会。除非我修正了外部div的高度，否则它只有我放入它的高度。我哪里出错了，怎么能在没有固定高度的情况下使它成为全高？

编辑：p标签是浮动div的左侧，所以它不能在内部的那个

<li>
<div style="height:(100% doesnt work, 100px does)>
  <div style="float:right; width:20%; height:100%">
    <div>
        Something at the top of page
    </div>
    <div>
        Something at the bottom of the page
    </div>
   </div>
   <p>Other stuff to the left</p>
</div>
</li>

Answer 1

原因是因为100%表示其父容器高度的100％。如果您希望它填满整个窗口，您必须设置其父项的每个高度。一直以来。

Answer 2

在你的html中你的第一个div元素的第一个标签中，你有一个错字。将语法更改为以下内容：<div style="height:100%">