最小高度:不起作用

Question

>我有一个固定的容器，它的结构很简单，如下所示。我的问题是，当我将子容器添加到子容器时，子容器会给人一种错觉，即它失去了 100% 的高度。

像这样的事件。添加第一个子项一切正常，第二个子子容器给人的印象是它现在的高度为 99%，第三个子项和子容器看起来好像又回到了 100%;

宽度始终正确显示。这个是驱使我loco，任何建议将不胜感激。

 <div id="containerr" style="width: 175px; height: 250px;overflow:hidden;display: inline-block;">
  <div id="subContainer" style="width:100%; height:100%;">

    <div style="width:100%;height:25%;"></div> 
    <div style="width:100%;height:55%;"></div>
    <div style="width:100%;height:15%;"></div>
  </div>

Answer 1

如果你算一下，你会注意到 250px 的 25% 是 62.5px，其他百分比也是如此。根据我所看到的

$('#subContainer > div:eq(0)').height()

看起来FF正在向上舍入，Chrome正在向下舍入。 一些快速谷歌搜索发现这是一个已知问题，例如。http://ejohn.org/blog/sub-pixel-problems-in-css/