代码改变世界

CSS定位

2017-06-28 11:16  leishao_bokeyuan  阅读(77)  评论(0编辑  收藏  举报

CSS定位

1.定位 - position

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

相对定位:

position:relative 
用来给元素(标签)进行位置微调  
给绝对定位做参考 (子绝父相)

top bottom left right 
相对定位的元素进行位置移动时,是相对于自己原来的位置进行
移动

绝对定位:

position:absolute; 
主要用来让元素进行"肆无忌惮"的位置移动

绝对定位的元素进行移动,如果有父元素,那么要看一下父元素本身
是否具有定位属性(相对定位/绝对定位/固定定位),如果有就以当前
父元素为参考,如果父元素没有定位属性,那么就继续向上找。

理由:让网页结构更加的稳定。

固定定位:

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