溢出：隐藏，但容器中仍然没有高度值

Question

我使用溢出：隐藏与4辆彩车内部容器DIV中，使容器与花车延伸： http://www.quirksmode.org/css/clearing.html

但是当第4格有高度：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

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