Chrome 和 FF 绝对定位模型不一样？

Question

如何解决Chrome 和 FF 定位模型不一致的问题？

#在Chrome下绝对定位为父级元素宽度的50%

#在FireFox下绝对定位为父级元素宽度的100%

Answer 1

1. 看清楚父元素的 position 不能为 static，父元素 position 为relative/absolute/fixed均可，一般给它position: relative 就好。

2. 设置* { box-sizing: border-box; border: 0; margin: 0; padding: 0 }

Answer 2

不，Firefox和Chrome同为现代浏览器，它们至少在这一点上是一样的。

题主看到的绝对定位的浮层位置不同的问题，是由页面里的其他元素（包括为浮层提供定位参照的父级元素）引起的，题主可以再看看。

建议题主解释一下“在Chrome下绝对定位为父级元素宽度的50%”和“在FireFox下绝对定位为父级元素宽度的100%”是什么意思，怎么推断出来的。

Answer 3

有没有看看你的默认的内外边距什么的都初始化为0了没有啊？