如何解决Chrome 和 FF 定位模型不一致的问题?
#在Chrome下绝对定位为父级元素宽度的50%
#在FireFox下绝对定位为父级元素宽度的100%
看清楚父元素的
position
不能为static
,父元素position
为relative/absolute/fixed
均可,一般给它position: relative
就好。设置
* { box-sizing: border-box; border: 0; margin: 0; padding: 0 }
有没有看看你的默认的内外边距什么的都初始化为0了没有啊?
不,Firefox和Chrome同为现代浏览器,它们至少在这一点上是一样的。
题主看到的绝对定位的浮层位置不同的问题,是由页面里的其他元素(包括为浮层提供定位参照的父级元素)引起的,题主可以再看看。
建议题主解释一下“在Chrome下绝对定位为父级元素宽度的50%”和“在FireFox下绝对定位为父级元素宽度的100%”是什么意思,怎么推断出来的。