这是我的第一个问题。
我试图让一个元素在具有固定宽度和高度的父元素内垂直对齐。在父框内还有一个标题，需要绝对定位在底部。
在处理它时，检查跨浏览器问题我发现 chrome 上的差异。在 FF、IE 8 和 9 中，它可以正常工作，如果您在 Chrome 中打开示例(现在是 19)，您可能会看到它与父级有 1px 的间隙。
Interactive example of the problem - CSSDeck
我已经尝试删除空格和很多东西，但我无法删除那个空白...
这是一个错误吗？如果您能帮助我消除差距，或者以一种跨浏览器 (ie8+) 的干净方式实现相同的结果，那就太好了。
最佳答案
请参阅我的示例 fiddle :http://jsfiddle.net/tnRem/
基本上，我从 #outer 中删除了 display: table 并设置了 height: 250px 和 box-sizing: border-box; (仅适用于 IE8+)到 #inner。
我在 Chrome 19.0.1084.46、Fx12 和 IE8 上试过了
关于layout - 绝对定位在 chrome 中的显示表格元素内时的 1px 间隙，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10634168/