定位

相对定位:相对于元素在文档流中的位置进行偏移,但保留原占位

绝对定位:完全脱离文档流,相对于position属性非static值的最近父级元素进行偏移

固定定位:完全脱离文档流,相对于视区进行偏移

position:relative,相对定位,是相对于元素本身进行偏移,不会脱离文档流,而且在元素偏移时,元素的初始位置占据的空间会被保留

position:absolute,绝对定位,绝对定位的元素的位置相对于最近的已定位祖先元素,如果没有祖先元素,那么它的位置相对于最初的包含块(默认祖先元素为body)。

position:fixed,固定定位,其相对移动的坐标是视图(浏览器窗口)本身,所以,固定定位的元素会始终在浏览器窗口内视图的某个位置,不会受文档流而影响。

浮动语法 float:none|left|right none:对象不浮动 left:对象左浮动 right:对象右浮动

posted @ 2021-10-28 17:06  壹块钱!  阅读(49)  评论(0编辑  收藏  举报