天天看点

【复习】css中的position

【复习】css中的position

好久不写css代码 感觉忘的差不多了,代码就是要多敲才行的。就行武林中的武者一样,每天都要勤加练习才可。

正好写写博客,就当复习复习。

position  主要是用来 元素的定位方式

static :  无特殊定位,对象遵循html定位规则

absolute :  将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框

relative :  对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置

fixed :  绝对定位,不随滚动框改变位置。

【复习】css中的position

下面是一些代码示例,有兴趣的可以敲一下,知识都在代码里。

【复习】css中的position
【复习】css中的position