float和position:absolute脱离文本流的区别

Posted justart

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了float和position:absolute脱离文本流的区别相关的知识,希望对你有一定的参考价值。

float和position:absolute脱离文本流的区别
原创 paediatrician 最后发布于2016-09-19 10:43:05 阅读数 5375 收藏
展开

文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,块状元素独占一行,内联元素不独占一行;

CSS中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。
  需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。
  而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。
————————————————
版权声明:本文为CSDN博主「paediatrician」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/paediatrician/article/details/52583653

以上是关于float和position:absolute脱离文本流的区别的主要内容,如果未能解决你的问题,请参考以下文章

position脱离文档流与浮动脱离文档流的区别

绝对定位 相对定位

补充内容

补充属性及标签

定位position

The summary of the October