firefox和chrome的绝对定位问题

我真不敢相信这已经4年了,还没人回答。我到处寻找这个答案。下面是我在一个字段集中对图像使用绝对位置的方法。从这里开始,改变你的右上角位置,让它在Firefox中适合你。(保留你原来的课程,比如IE,Chrome,Safari,Opera)

@-moz-document url-prefix() { 
  .remove-me {
    border:1px solid red;
    position:absolute;
    right:0;
    top:0;
  }
}

Firefox似乎有一个不可见的填充或边距,将元素放在文本空间的右上角。Chrome将元素放在文本流之外fieldset元素的右上角。

.remove me元素可能有边距。确保在向项目添加绝对定位之前将其删除。

简单重置:

* { margin: 0; padding: 0px; }

我使用了@media screen和(-webkit min device pixel-比率:0){}这样就修正了我的绝对性。虽然不太干,但很管用。

我认为这是因为你没有指出包含按钮的div(乘客信息)的高度;当你不指定这个按钮时,Chrome就会开始起作用。

我可以通过正确设置来解决我的问题。

position: absolute; top: 10px; left: 20px;

我有一个类似的问题,在Chrome网站和图片哪里出错。我有一个图像和一个输入框中的位置,就像这篇文章开始时你的例子一样,我通过把绝对位置放在输入框和图像位置的相对坐标中来解决这个问题。