前端-CSS基础知识(二)

来源:互联网 发布:淘宝电视机价格 编辑:程序博客网 时间:2024/05/16 10:57

CSS样式属性之一position

控制组件的摆放位置

static

默认情况下position属性值为static。

relative

absolute

如果我们设置组件position=absolute,那么该组件将会脱离原来默认的文档流,形成一个独立的“层”。
z-index:层标越大越在上面。
我们可以使用left/top属性控制组件的位置。
top与left在定位时需要相对参照物,默认寻找
父标签,看一下父标签是否含有position=relative
或position=absolute如果有,则相对于该父标签;
如果没有则继续寻找祖先标记。直到找到body
标签,则相对于body。
这里写图片描述

fixed

0 0