【问题标题】:1px gap when positioning absolute inside a display table element in chrome在 chrome 中的显示表格元素内定位绝对值时 1px 间隙
【发布时间】:2012-05-17 19:02:58
【问题描述】:

这是我的第一个问题。

我试图让一个元素在具有固定宽度和高度的父元素中垂直对齐。在父框内部还有一个标题,需要绝对定位在底部。

在处理它时,检查跨浏览器问题时,我发现 chrome 有所不同。在 FF、IE 8 和 9 中,它可以正常工作,如果您在 Chrome 中打开示例(现在为 19),它会为父级提供 1px 的间隙,如您所见。

Interactive example of the problem - CSSDeck

How I see it - 1px gap

我尝试过删除空白,还有很多东西,但我无法删除那个间隙...

这是一个错误吗?如果你能帮助我消除差距,或者以一种跨浏览器(ie8+)的干净方式实现相同的结果,那就太好了。

【问题讨论】:

    标签: layout css


    【解决方案1】:

    见我的小提琴示例:http://jsfiddle.net/tnRem/

    基本上我从#outer 中删除了display: table,并将height: 250pxbox-sizing: border-box;(仅适用于IE8+)设置为#inner

    我在 Chrome 19.0.1084.46、Fx12 和 IE8 上尝试过

    【讨论】:

    猜你喜欢
    • 2017-11-03
    • 2013-12-05
    • 1970-01-01
    • 2013-06-23
    • 1970-01-01
    • 2013-08-03
    • 1970-01-01
    • 2011-11-12
    • 1970-01-01
    相关资源
    最近更新 更多