定位position

2016-06-08  本文已影响0人  cathy95

absolute和fixed的区别:

absolute:

1.未设置偏移量时:

(1) 无已定位的祖先元素:处于初始位置

(2) 有已定位的祖先元素:处于初始位置

2.设置偏移量后:

(1) 无已定位的祖先元素:相对于最初的包含块

(2) 有已定位的祖先元素:相对于最近的已定位祖先元素

fixed:

1.未设置偏移量时:

(1) 无已定位的祖先元素:处于初始位置

(2) 有已定位的祖先元素:处于初始位置

2.设置偏移量后:

(1) 无已定位的祖先元素:相对于浏览器窗口

(2) 有已定位的祖先元素:相对于浏览器窗口

【表现形式】(产生滚动条时)

absolute 随滚动条滚动

fixed 位置始终不变 其他元素从下面穿过

【顶部固定层实现】

#top--position:fixed;top:0;left:0;

#mainbody--margin-top:(#top高度+原有间距)px

上一篇 下一篇

猜你喜欢

热点阅读