1.position：static
默认值，没有定位，元素出现在正常的流中；
2.position：fixed
固定定位 是相对于浏览器窗口来进行定位；
3.position：relative
相对定位 相对于其本身正常位置来进行定位，它原本所占的空间仍保留；
4.position：absolute
绝对定位 相对于定位方式不是static的第一个父元素进行定位（往上寻找参照元素，一直到根元素为止，即body），此时元素原先在正常文档流中所占的空间会关闭，就像元素原来不存在一样，绝对定位后会生成一个块级框，而不管它原先在正常流中是何种类型。
注意：
1.除static外，通过设置 top/right/bottom/left 来设置元素位置，static定位下是靠margin来移动位置
2.当元素设置position：absolute后，再想用 margin：0px auto； 来使元素水平居中是无效的
position的四种定位方式：static、fixed、relative、absolute 1.position...
四种定位方式：（由元素设置position属性确定定位方式） 1.static（静态定位）----默认值，标准文档...
定位方式 CSS 有三种基本的定位机制：普通流（文档流）、浮动和绝对定位 position 属性共有四种取值： s...
一、position定位 1.position定位属性：检索对象的定位方式 语法: position: stati...
定位position 定位分为四种：相对定位 relative，绝对定位 absolute，固定定位 fixed，...
position 定位属性，检索对象的定位方式； 一、语法：position：static /absolute/r...
position的四种属性： static，relative，absolute，fixed static静态定位:...
静态定位 position: static 默认值 默认的布局方式。 相对定位 position: relati...
定位： 定位的类型： 定位就是通过设置position属性的值来覆盖默认的布局方式。 静态定位： position...
布局相关属性： 定位方式 —— position:relative（正常定位）absolute（根据父元素进行定位...
本文标题：position的四种定位方式
本文链接：https://www.haomeiwen.com/subject/ffolmhtx.html
网友评论