CSS中常见的定位方式

css中常见的定位方式

1.position:static 默认值

当我们不指定标签的定位方式的时候,position的默认属性就是static,此时标签根据默认的布局排列

2.position:absolute 绝对定位

标签相对于最近的有定位的父元素定位(即position属性不为static的父元素,也叫做包含块),当不存在有定位的父元素时,标签就相对于浏览器窗口定位(也就是body),此种定位方式脱离正常的文档流,不占空间。

3.position:relative 相对定位

元素相对于它本身的位置(原位置)进行定位,不脱离正常文档流,而且还占据原本的位置,它通常配合子元素的position:absolute 使用。

4.position:fixed 固定定位

元素相对于浏览器窗口(body)定位,脱离正常文档流,它不随页面滚动而移动。

你可能感兴趣的:(定位方式,javascript,html,css)