最小高度:不起作用
min-height: not working
>我有一个固定的容器,它的结构很简单,如下所示。我的问题是,当我将子容器添加到子容器时,子容器会给人一种错觉,即它失去了 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>
如果你算一下,你会注意到 250px 的 25% 是 62.5px,其他百分比也是如此。根据我所看到的
$('#subContainer > div:eq(0)').height()
看起来FF正在向上舍入,Chrome正在向下舍入。 一些快速谷歌搜索发现这是一个已知问题,例如。http://ejohn.org/blog/sub-pixel-problems-in-css/
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- css转换高度不起作用
- 更改第二次推送时不起作用的元素高度
- internetexplorerjavascript样式.高度不起作用
- iframe高度100%不起作用
- jquery .height() 在媒体查询中使用百分比高度时不起作用
- CSS 切换过渡动画,自动高度不起作用
- jScrollPane高度刷新基于我的内容(不起作用)
- 最小高度:不起作用
- 引导滚动间谍偏移高度在火狐中不起作用
- 高度在自调用函数中不起作用
- iframe 自动调整高度大小不起作用
- CSS 高度在火狐中不起作用
- 溢出:即使设置高度也自动不起作用
- 最大高度不'不起作用
- 使用JS的100%页面高度在某些页面上不起作用
- jQuery高度更改在Safari中不起作用
- 为什么css高度不起作用
- Jquery.animate 100%高度不起作用
- 为什么这个Fancybox的高度和宽度不起作用