99资源 在线视频|美女人妻自慰淫叫|日韩欧美乱伦电影|超碰按摩国产超碰|av全球免费不卡|加勒比无码一区人妻|国产高清一区视频高清|一区二区三区精品伊人|无码加勒比人妻高清|久草中文在线一区蜜乳

css理解之relative

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

一、relative對absolute的限制作用

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

  2、限制z-index層級。頁面中的倆個absolute的z-index不同,有各自的層級,
當這兩個absolute的父類都有relative的時候,它們的層級就依賴于父
類的relative的z-index

  3、限制在overflow下的效果。默認情況下,overflow:hidden
是無法限制absolute的,當加上relative時,才能被限制?。?br/>當overflow:auto或overflow:scoll時,里面有滾動條,
absolute是不會隨滾動條移動的,這時就需要加上relative

二、relative只能限制fixed的z-index層級

三、relative和定位

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

    2、relative的定位不會影響其他元素的定位。
作用:可以用來自定義拖拽功能