多语言展示
当前在线:1432今日阅读:84今日分享:32

CSS的position定位属性

position属性是用来绝对定位用的,他下面有四个值,分别是static、absolute、relative、fixed.
工具/原料

Pycharm

方法/步骤
1

fixed固定定位.fixed有四个参数,top、left,bottom、right.把return元素固定在与浏览器左20像素,下20像素的位置,不管怎么拖浏览器滚动条,return元素一直在固定位置不动.

2

如果加了position:fixed,他就脱离文档流,是完全脱离,沫吩一定跟底下的标签没有任何关系了.

3

position: relative:相对定位.参照物是自己原来在文档流中的位置定位.物理位置依然存在,没有脱离文档流,如果是脱离了文档流别的元素会顶上去.

4

position: absolute.参照物是他已定位了的父级,如果所有父级都没有,那鉴召速就参照body定位.已定位了的父级就是,他的父级有absolute、relative.他所在的位置被顶上去了,他完全脱离了文档流.

5

position: static:是默认值,每个标签不设置position属性,他默认就是static,static就是在正常文档流里面.static不能当做绝对定位的参照物,并且设置标签对象的left、top等值不起作用.

7

代码右边是所有的样式.分了好几部分是因为,不同的名字不同的属性进行的选择.

8

用检查工具参考别人的颜色值.

推荐信息