html - 高度 100% 不起作用，div 内有两个 div

Question

参见 CSS:http://jsfiddle.net/4JgA4/114/

也在这里:

<div style="min-height:40px; border:solid 1px black; float:left;">
      <div style="border:solid 1px black; height:150px; float:left;">
       First to set height
      </div>

       <div style="border:solid 1px red; height:100%; float:left;">
      Why don't get the 100%
    </div>
</div>

为什么第二个div没有得到100%？

Answer 1

<div style="min-height:40px; height:150px; border:solid 1px black; float:left;">
    <div style="border:solid 1px black; height:100%; float:left;">
    Your text 1
    </div>

    <div style="border:solid 1px red; height:100%; float:left;">
    Your text 2
    </div>
</div>

• 原因是您没有为第一个 设置准确的高度 (150px)。
• 另外，您已经为第一个高度设置了准确的高度，您只需要为内部标签设置 height = 100%。

这是结果:http://jsfiddle.net/4JgA4/117/