CSS中position的absolute和relative用法
生活随笔
收集整理的這篇文章主要介紹了
CSS中position的absolute和relative用法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
- static: HTML元素的默認定位方式
- absolute:?將對象從文檔流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊通過z-index屬性定義。絕對定位的元素的位置相對于最近的已定位父元素，如果元素沒有已定位的父元素，那么它的位置相對于<html>
- relative:?對象不可層疊，但將依據left，right，top，bottom等屬性在正常文檔流中偏移位置
- fixed:?元素的位置相對于瀏覽器窗口是固定位置,?即使窗口是滾動的它也不會移動
記住如下的口訣
- 絕對定位（absolute）位置是相對最近已經定位的父元素，如果父元素本身沒有使用position定位，則相對于文檔（html）定位
- 絕對定位使用通常是父級定義position:relative定位，子級定義position:absolute絕對定位屬性，并且子級使用left或right和top或bottom進行絕對定位
?
?
在絕對定位時候我們可以使用css z-index定義css層重疊順序。同時left、right、bottom、top的數
?
轉載于:https://www.cnblogs.com/asdyzh/p/9740146.html
總結
以上是生活随笔為你收集整理的CSS中position的absolute和relative用法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： LoadRunner 技巧之THML 与
- 下一篇： VS2015中快捷注释代码块