0

我正在使用溢出：隐藏在一个容器 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>
4

1 回答 1

0

You need to specify the height of your container div for the 100% to fill the whole container. You see, 100% is relative to the container it is in. Therefore, %'s are and taking the percentage of it's container.

于 2013-03-31T21:55:51.790 回答