文档流在页面的放置以及position的定位

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文档流在页面的放置以及position的定位相关的知识,希望对你有一定的参考价值。

块元素从上往下流,各元素之间有一个换行。默认的,每个块元素会占浏览器窗口的整个宽度。

内联元素在块元素内部从左上方流向右下方。

正常的页面流中两个块元素上下相邻的外边距会折叠为最大外边距的大小,或者如果如果两个外边距大小相同,则会折叠成一个外边距。

浮动元素,会从正常流中取出,浮动到左边或则右边。

浮动元素放在块级元素上面没事事,但是对于行内元素就会考虑浮动元素的边界。行内元素围绕着浮动元素

以上是关于文档流在页面的放置以及position的定位的主要内容,如果未能解决你的问题,请参考以下文章

html脱离文档流啥意思,怎么脱离?

CSS定位机制Ⅰ——文档流定位

从文档流角度理解浏览器页面渲染引擎对元素定位的解析

常规流和脱离文档流

定位与锚点

文档流浮动 定位的概念