overflow：hidden但容器仍然没有高度值

Question

我正在使用溢出：隐藏在容器div中，里面有4个浮点数，因此容器随浮点数一起扩展： http://www.quirksmode.org/css/clearing.html

但是当第4个div有高度时：100％它没有延伸到底部，实际上它只是一个扁平线，任何人都知道如何解决这个问题？

例如

<div style="border:1px solid green; width: 1000px;margin:0 auto;overflow:auto;">    
    <div style="float:left;display:block;width:200px;height:500px;border:1px solid orange;"></div>
    <div style="float:left;display:block;width:200px;height:200px;border:1px solid orange;"></div>
    <div style="float:left;display:block;width:200px;height:200px;border:1px solid orange;"></div>
    <div style="float:left;display:block;width:100px;height:100%;border:1px solid black;"></div>
</div>

Answer 1

您需要为100%指定容器div的高度以填充整个容器。你看，100%是相对于它所在的容器。因此，%是并且取其容器的百分比。