css定位详解

Posted serahuli

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css定位详解相关的知识,希望对你有一定的参考价值。

css定位

css 定位主要有4种:静态定义、相对定位、绝对定位、固定定位

静态定位

是元素定位的默认方式,这种方式时,不可以使用 top、bottom、left、right 和z-index属性。

相对定位

position: relative

占用正常文档空间,但是可以通过 top、bottom、left、right 相对于元素本身之前的位置偏移

绝对定位

position:absolute

? 会从正常文档流脱离,不占用原本文档空间;使用 top、bottom、left、right 相对离当前元素最近的具有定位属性的父级元素进行绝对定位,根元素为body( 浏览器窗口 )。

固定定位

position:fixed
    直接以**浏览器窗口**作为参考进行定位,它是浮动在页面中,元素位置**不会随浏览器窗口的滚动条滚动而变化** 

以上是关于css定位详解的主要内容,如果未能解决你的问题,请参考以下文章

css常用代码片段 (更新中)

css position 详解

css定位详解

小程序自动化测试框架Minium系列元素定位详解

CSS3定位和浮动详解

带你走进CSS定位详解