定位

静态定位(static):没有特殊定位,是html默认的定位方式。

相对定位(relative):在原本的位置依据top,right,bottom,left属性偏移。

绝对定位(absolute):根据祖先类元素进行定位。如:

要给类b使用top,right,bottom,left属性进行绝对定位,先就要使类b 脱离正常流。

.a {

position:relative;

.b {

position:absolute;

top:5px;

right:2px;

}

}

给类b 的上级类a定位relative或fixed,才能使类b 脱离正常流,定位才会生效。

fixed:使用top,right,bottom,left属性以窗口进行定位,当出现滚动条时,不会随着滚动。

使用absolute和fixed进行定位时,最少必须指定top,right,bottom,left属性中的一个值,不然会使用属性的默认值auto;

同时使用top和bottom,只有top会生效;

同时使用right和left,只有left会生效。

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容