久久黄片免费播放|国产精品第十一久久任人草|欧美日韩青操免高清国产黄片|91婷婷五月天嫩女|欧美亚洲日韩激情|在线看无码视频久久久久夜|免费黄片网站进入|avtt男人天堂网|凸凹成人精品视频|日韩色情在线观看

css理解之relative

2017/2/8 9:14:12   閱讀:1811    發(fā)布者:1811

一、relative對(duì)absolute的限制作用

  1、限制left/top/right/bottom定位。absolute默認(rèn)是在也沒(méi)的左上角,
當(dāng)父類(lèi)設(shè)定為relative,absolute就被限制在父類(lèi)的區(qū)域內(nèi),
設(shè)定top/left/right/bottom時(shí),起始點(diǎn)為父類(lèi)的左上角

  2、限制z-index層級(jí)。頁(yè)面中的倆個(gè)absolute的z-index不同,有各自的層級(jí),
當(dāng)這兩個(gè)absolute的父類(lèi)都有relative的時(shí)候,它們的層級(jí)就依賴于父
類(lèi)的relative的z-index

  3、限制在overflow下的效果。默認(rèn)情況下,overflow:hidden
是無(wú)法限制absolute的,當(dāng)加上relative時(shí),才能被限制??;
當(dāng)overflow:auto或overflow:scoll時(shí),里面有滾動(dòng)條,
absolute是不會(huì)隨滾動(dòng)條移動(dòng)的,這時(shí)就需要加上relative

二、relative只能限制fixed的z-index層級(jí)

三、relative和定位

    1、relative的定位和偏移都是相對(duì)于自身所在的位置

    2、relative的定位不會(huì)影響其他元素的定位。
作用:可以用來(lái)自定義拖拽功能