相对定位是让元素相对于自身原始默认位置进行偏移摆放。设置相对定位向下偏移 150px 的绿色边框图片，视觉位置下移，但原本所占空间依旧保留，后面蓝色图片不会向前填补空位。绝对定位是元素相对于最近一级开启定位属性的父元素进行位置摆放。红框、绿框开启绝对定位脱离文档流，绿框代码在后层级更高覆盖红框，未设置定位的蓝框自动填补空余位置。固定定位元素永远以浏览器可视窗口为参照物摆放位置。页面大量图片撑开页面

布局方式兼容性自适应能力优缺点核心总结适用场景极佳差简单易写，存在空白间距，需手动算宽简单静态页面、老旧浏览器适配项目position定位良好较差定位精准，易高度塌陷，需固定高度固定侧边栏、元素精准定位场景Flex弹性布局现代浏览器全覆盖极强代码简洁、布局稳定、支持响应式所有现代前端项目（首选方案）兼容性强但有间距问题，position定位定位精准易塌陷，Flex布局简洁灵活、自适应能力最优。现代