定位模式
静态定位(static)
-
静态定位是元素的默认定位方式,无定位的意思,相当于border里面的none,不要定位的时候用。
-
静态定位 按照标准流特性摆放位置,它没有边偏移。
-
静态定位在布局时我们几乎不用
相对定位 -
相对定位是元素相对于它 原来在标准流中的位置 来说的。
效果图 -
相对于自己原来在标准流中位置来移动的
-
原来**在标准流的区域继续占有,**后面的盒子任然以标准流的方式对待它。
绝对定位
绝对定位是元素以带有定位的父级元素来移动位置 -
完全脱标–完全不占位置
-
父元素没有定位,以浏览器为准定位
固定定位 -
完全脱标–完全不占位置;
-
只认浏览器的可视窗口
-
跟父元素没有任何关系,单独使用的;
-
不随滚动条滚动。