Question

我有一个固定的容器，其结构简单如下。我的问题是，当我将子容器添加到subContainer时，subContainer会给出错误，即它会失去100％的高度。

这样的事件。每个东西都可以添加第一个孩子，第二个孩子subContainer给人的印象是它现在高度为99％，第三个孩子和subContainer看起来好像回到了100％;

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

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

最小高度：不工作

1 个答案: