文档流是相对于盒子模型讲的
文本流是相对于文字·段落讲的
元素浮动之后,会让它跳出文档流,也就是说当它后面还有元素时,其他元素会无视它所占据了的区域,直接在它身下布局。但是文字、图片、表单标签依然会为这个标签让出位置,会认同浮动元素所占据的区域,围绕它布局,也就是没有脱离文本流。
但是绝对定位后,不仅元素盒子会脱离文档流,文字也会出文本流。那么后面元素的文本就不会在认同它的区域位置,会直接在它后面布局,不会在环绕。
当然你可以使用 index-z 来让底部的元素到上面来,类似于一个图层的概念。
转载自:某知名博主,点击此处查看
作者:张木大原
链接:https://www.zhihu.com/question/21911352/answer/102028085
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
所有的标签都能使用以上属性,脱离文档流之后,不再区分块级和行内标签,都具有共同的属性。宽高默认由内容撑开,也可以设置width和height及所有盒模型属性。