十八,定位机制

定位机制:(主要针对块级元素)
有2种:
1,(标准)文档流(从上到下依次排列,中间没有改变任何布局和位置,如截图)
2,脱标流:(脱离标准文档流)有两种,分别是float,position:absolute),称为浮动,也称为position的实现效果(让块级元素实现从左到右,从上往下)
比如让内容4脱离文档流,出现在内容2的后面
文档流特点:
1,空白折叠现象(把编辑区里的换行的回车显示为空格)
2,高矮不齐,底边对齐
3,自动换行,一行写满,换行写(不是指浏览器从左到右写满,指的是当前的容器一行写满再换行)
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_36792120/article/details/111223901