css定位

来源:互联网 发布:升级显卡用什么软件 编辑:程序博客网 时间:2024/06/14 14:30

CSS定位

1.定位 - position

定位 :绝对定位 、 相对定位  、 固定定位

相对定位:

position:relative 用来给元素(标签)进行位置微调  给绝对定位做参考 (子绝父相)top bottom left right 相对定位的元素进行位置移动时,是相对于自己原来的位置进行移动

绝对定位:

position:absolute; 主要用来让元素进行"肆无忌惮"的位置移动绝对定位的元素进行移动,如果有父元素,那么要看一下父元素本身是否具有定位属性(相对定位/绝对定位/固定定位),如果有就以当前父元素为参考,如果父元素没有定位属性,那么就继续向上找。理由:让网页结构更加的稳定。

固定定位:

position:fixed  元素移动参考以浏览器窗口为准。