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定位详解的主要内容,如果未能解决你的问题,请参考以下文章