position取值absolute、relative与浮动float三者的区别
属性 | 是否脱离文档流 | 是否占位 | 是否影响周围元素在文档流中的位置 |
relative | 否 | 是 | 否 |
absolute | 是 | 否 | 否 |
float | 是 | 否 | 是 |
所谓的文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。
脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。
position取值absolute、relative与浮动float三者的区别
属性 | 是否脱离文档流 | 是否占位 | 是否影响周围元素在文档流中的位置 |
relative | 否 | 是 | 否 |
absolute | 是 | 否 | 否 |
float | 是 | 否 | 是 |
所谓的文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。
脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。