1

我有一个固定的容器，其结构简单，如下所示。我的问题是，当我将子容器添加到 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>

4

1 回答 1

0

如果您进行数学计算，您会注意到 250 像素的 25% 是 62.5 像素，其他百分比也是如此。根据我所看到的

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

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

于 2012-05-26T19:02:54.960 回答