
两个div,同级,第二个有外边距,第一个没有,给第一个设置fixed,但是没有top值,显示的效果如下

可以看到第一个div脱离文档流,但是总是跟着第二个div
这是因为第一个div脱离文档流以它的父元素body来定位,但是父元素body和子元素第二个div都有外边距就会发生外边距重叠,通常外边距合并的距离为两者中最大的那一个,所以最后的外边距是和第二个外边距一样的
解决的办法有两种:
①设置完position:fixed之后,设置top的值
②通常给父元素设置margin,给子元素设置padding;
网友评论