综合一区-免费污视频-天天操综合网-又黄又爽的网站-日韩中文字幕一区二区三区-狠狠操狠狠-风间由美一区-自拍色图-久草热在线-椎名空在线-亚洲av无码国产精品久久-夜夜se-成人涩涩软件-国产精品第-亚洲自拍中文字幕-久草视频中文在线-日本黄页网站免费大全-双性人做受视频-中国一级免费毛片-三级黄片毛片

css理解之relative

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

一、relative對absolute的限制作用

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

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

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

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

三、relative和定位

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

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