绝对定位absolute、相对定位relative（脱离文档流）

本文主要是介绍绝对定位absolute、相对定位relative（脱离文档流），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、脱离文档流，：父元素高度不再包含文档流高度

                               position：absolute    子元素

                                position：relative      父元素，

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

2、相对于屏幕固定：position: fixed;   但用了会内缩，需要加  width: 100%;

3、绝对定位之后，默认变成block

4.   绝对定位的元素不占 文档流，若外面有边框，需设置 height

       否则没有height 没有文档流 只有边框 →不显示

这篇关于绝对定位absolute、相对定位relative（脱离文档流）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---