首頁 > web前端 > css教學 > 主體

CSS之相對

高洛峰
發布: 2017-02-21 11:34:03
原創
1682 人瀏覽過

*#*一、relative對absolute的限製作用*#**#*  1、限制left/top/right/bottom定位。 absolute預設是在也沒的左上角,當父類別設定為relative,absolute就被限制在父類別的區域內,設定top/left/right/bottom時,起始點為父類別的左上角*# **#*  2、限制z-index層級。頁面中的兩個absolute的z-index不同且不為auto,有各自的層級,當這兩個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的定位不會影響其他元素的定位。作用:可以用來自訂拖曳功能*#**#*四、relative最小化影響原則*#**#*    指的是盡量降低relative屬性對其他元素或佈局的潛在影響*#**#*    1 、盡量避免使用relative*#**#*    2、必須使用的時候,relative也要最小化*#**#*更多css之relative相關文章請關注PHP中文網! *#*

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!