高度100％不工作，div里面有两个div [英] height 100% doesn't work, two divs inside div

问题描述

请参阅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％？

Why does the second div doesn't get the 100%?

推荐答案

<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>

• 原因是您没有将exact height第一个。


• 还有一件事，你已经把第一个高度的精确高度，你只需要height = 100％的内部标签。



以下是结果： http://jsfiddle.net / 4JgA4 / 117 /

这篇关于高度100％不工作，div里面有两个div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！