为何要设置position:relative？

同学你好， 这里与有没有脱离文档流是没有关系的。所以不会和浮动冲突 . 它们两个是可以配合使用的 . 就像本案例中 ,此时浮动让元素在一行显示

当一个元素同时设置绝对定位或者固定定位等能够让其脱离文档流的时候 , 再设置浮动 . 由于浮动也会脱离文档流 ,所以两个脱离文档流的效果冲突了 . 这个时候浮动就无效了 , 绝对定位或者固定定位会生效 .

如果帮助到了你， 欢迎采纳

祝学习愉快~~~

同学你好， 1、设置了相对定位的元素没有脱离标准流,并且元素在页面上占据了位子。为左右盒子设置position：relative; 是为了设置左右两侧的定位，配合left和right属性能够让它们在最左边和最右边。所以不能省略

2、如果中间三个盒子的父元素设置position：absolute；中间内容就脱离了文档流，导致覆盖住头部内容，底部内容也会上移。所以这里的布局不选择为父元素这个position：absolute; 例：

效果图：

如果帮助到了你，欢迎采纳

祝学习愉快~~~