css中絕對定位與相對定位的區別
絕對定位
position:absolute:相對於最經的已定位的原始祖先或初始包含塊進行定位,這其中的最近的已定位的原始祖先可以是絕對定位,也可以是相對定位。
其中top,left,right,bottom都是相對與包含塊的偏移。正值時是包含塊內的偏移距離,負值時是在包含塊外的偏移距離。如果是相對定位時,這個包含塊可看做是它本身。
絕對定位的元素在文件流中所在的位置關閉,就好像不存在一樣。
相對定位的情況下,是相對與它自身進行定位。相對定位的元素在文件流中的所佔距的空間仍然保留。
相關文章
- CSS中的絕對定位與相對定位CSS
- css絕對定位和相對定位的差別CSS
- 元素的相對定位與絕對定位
- 1-相對定位、絕對定位和固定定位的區別
- 辛星和你徹底搞清CSS中的相對定位和絕對定位CSS
- CSS絕對定位CSS
- # CSS 絕對定位釋義CSS
- CSS position:absolute 絕對定位CSS
- CSS position: absolute 絕對定位CSS
- 關於CSS中的定位使用子絕父相(子類絕對位置和父類相對位置)CSS
- 深入理解CSS絕對定位CSS
- CSS position:relative 相對定位CSS
- CSS position: relative 相對定位CSS
- 浮動、絕對定位脫離文件流的區別
- 外邊距與絕對定位
- css絕對定位元素垂直水平居中CSS
- css定位中position:absolute與float的區別CSS
- IE CSS Bug系列:IE7中:hover絕對定位的BugCSS
- 絕對定位元素居中
- 絕對定位讓元素居中
- IE CSS Bug系列:相對定位時overflow失效CSS
- 絕對定位實現全屏效果
- 絕對定位對margin外邊距的影響
- css篇之absolute絕對定位元素居中技巧CSS
- 好程式設計師web前端教程分享web中CSS絕對定位程式設計師Web前端CSS
- Linux檔案的路徑定位-相對路徑和絕對路徑Linux
- 絕對路徑和相對路徑的區別,
- 絕對路徑和相對路徑的區別
- 如何讓絕對定位的元素水平居中
- 絕對定位使用margin:0 auto居中
- 初略講解Flutter的Align(對齊與相對定位)Flutter
- DIV浮動層絕對居中定位用CSS怎麼寫CSS
- position:fixed 相對父元素定位
- 你可能不知道的絕對定位
- CSS進階——絕對定位元素的寬高是如何定義的CSS
- 相對定位指令驅動X軸
- Linux中絕對路徑和相對路徑有什麼區別?Linux
- 負外邊距margin對於絕對定位元素的影響