Question

请考虑以下代码：

<div id="outer" style="height:250px;background:red">
line
  <div id="med" style="height:auto;background:#000" >
     line1
          <div id="inner" style="height:100%;background:blue">
              line2<br/>    
              line3<br/>    
              line4<br/>   
              line5          
          </div>
  </div>

<script>
alert($("#outer").height());
alert($("#med").height());
alert($("#inner").height());
</script>

上述警报的结果是：250,100,80。我期待250,100,100，因为div内部将具有med div的高度，因为高度：100％。我的三段论出了什么问题？

谢谢

Answer 1

j08691是正确的，因为文字＆＃34; line1＆＃34;在#med内，#inner无法占据整个高度。

Answer 2

内部div的高度尽可能接近100％，但是文本“line1”占据了内部div可用的空间。因此，100p中的80px

高度行为的说明

2 个答案: