相對定位與絕對定位

2022-09-04 18:06:11 字數 385 閱讀 3786

相對定位(relative)是「相對於」元素在文件流中的初始位置,而絕對定位是「相對於」距離他最近的以定位的祖先元素,如果不存在以定位的祖先元素,那麼相對於初始包含塊。

都可以 上下左右一定 (top left right bottom)

因為絕對定位的誑語文件流無關,所以他可以覆蓋頁面上的其他元素。可以通過設定z-index屬性設定疊放次序,z-index值越高 ,框在棧中的位置就越高。

絕對定位在ie6中有個bug,如果要相對於相對定位的框的有變或底部放置絕對定位礦的位置,那麼確保相對定位的框已經設定了尺寸。如果沒有,那麼ie會錯誤的將畫布定位這個框。簡單解決辦法就是給相對定位的礦設定寬和高,從而避免這一問題。(ie6->absolute[bug]->為relative加「width+height」)

絕對定位與相對定位

先看以下 效果 當設定child的div改為絕對定位後 效果 當父div沒設定絕對定位時,子絕對定位是相對於瀏覽器左上角座標,當時當父div設定了絕對或者相對定位後,效果如下 absolute 絕對定位 和 relative 相對定位 position absolute 意思是 絕對定位,他預設參照...

相對定位與絕對定位

其實是非常簡單的概念,w3school 給出的兩幅圖可以一目了然地表達這兩個概念 相對定位 position relative 也就是說,相對定位是相對於元素原來的位置進行重新定位,定位後,任然佔據著在文件流中原始的位置。絕對定位 position absolute 也就是說,絕對定位是相對於已定位...

相對定位與絕對定位

relative是相對定位,相對於本身的位置,元素的位置通過 left top right bottom 屬性進行定位。left是離原座標x軸的距離,top是離原座標y軸的距離,它本身的位置還在。absolute是絕對定位,相對於視窗左上角的位置,元素的位置通過 left top right 以,b...