溢出：隱藏，但容器中仍然沒有高度值

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%是相對於它所在的容器。因此，%是，並採取其容器的百分比。