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

Posted

tags:

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

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

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

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

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

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

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

position:relative/static/fixed/absolute定位的区别以及使用场景

定位与锚点

css之position与文档流

网站布局之------浮动(float)和定位(position)(绝对定位,相对定位,静态固定定位),***什么叫脱离文档流?

absolute的再次认识

div绝对定位与相对定位以及float属性?