1、脫離文檔流，：父元素高度不再包含文檔流高度

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?position：absolute? ? 子元素

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? position：relative? ? ? 父元素，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 子元素相對于祖先中的第一個relative定位，用到的 top:0; left:0;? ?不然出bug

2、相對于屏幕固定：position:?fixed;? ?但用了會內縮，需要加??width:?100%;

3、絕對定位之后，默認變成block

4.? ?絕對定位的元素不占 文檔流，若外面有邊框，需設置 height

?? ? ? 否則沒有height 沒有文檔流 只有邊框 →不顯示

?

?

總結

以上是生活随笔為你收集整理的绝对定位relative、相对定位absolute（脱离文档流）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。