Css 为什么Chrome和Firefox在边距上表现不同？
我试图理解Chrome和Firefox之间的行为差异。我发表了一篇文章来说明这一点 在Firefox中，页脚元素由于应用了Css 为什么Chrome和Firefox在边距上表现不同？,css,Css,我试图理解Chrome和Firefox之间的行为差异。我发表了一篇文章来说明这一点 在Firefox中，页脚元素由于应用了margintop:-50px而固定在包装器div的底部。这就是我所期待的 对于Chrome（和IE），p元素的页边距底部向下推动页脚，使其溢出。为什么呢 html，正文{ 边际：0px； 身高：100% } 标题{ 背景色：淡蓝色； 不透明度：0.5； } #包装纸{ 背景色：番茄； 位置：相对位置； 最小高度：100%； } #容器p{ 背景颜色：浅绿色； 宽度：500
margintop:-50px页边距底部html，正文{
边际：0px；
身高：100%
}
标题{
背景色：淡蓝色；
不透明度：0.5；
}
#包装纸{
背景色：番茄；
位置：相对位置；
最小高度：100%；
}
#容器p{
背景颜色：浅绿色；
宽度：500px；
/*边缘底部：0px*/
}
页脚{
高度：50px；
背景色：淡蓝色；
利润上限：-50px；
不透明度：0.5；
}
.
minheight: 100%; --> height: 100%;
我注意到的一件事是，如果你在firefox中去掉-50px的页边空白，它会放在包装器后面（没有空格），但是如果你在IE和Chrome中也这样做，页脚的顶部会有一种填充物……大概10 px左右（没有测量）。这种“间距”或“间距”在firefox中没有出现，但在chrome和IE上有，这让我认为这种间距与它的行为不同的原因有关，因为这种间距与页脚底部（通过包装器的部分）显示的大小相同 这是因为
#wrapperp#wrapper#包装器{
高度：自动；
最小高度：100%；
}
#包装器高度：自动min heightmin heightheightauto最小高度：0minheight- 当
小于内容的高度时，min height- 使用的
是内容的高度高度 - Chrome和Firefox上的利润率都崩溃了
- 使用的
- 否则,，
- 使用的
为高度最小高度 - 在Chrome上，但在Firefox上，页边距会崩溃
- 使用的
minheight#包装器{
背景：橙色；
边缘：0 1米；
-webkit动画：设置1s线性无限交替动画；
动画：设置1s线性无限交替动画；
}
页脚{
背景：红色；
}
p{
利润率：1米0；
高度：1.75em；
背景：绿色；
}
@-webkit关键帧动画{
从{最小高度：4em；}
至{最小高度：6em；}
}
@关键帧设置动画{
从{最小高度：4em；}
至{最小高度：6em；}
}
/*内容为4.5em高*/
第1行
第2行
页脚最小高度：100%margin