H5-26 文档流

1、文档流是文档中可显示对象在排列时所占用的位置/空间

　　例如：块元素自上而下摆放，内联元素，从左到右摆放

　　标准六里面的限制非常多，导致很多页面效果无法实现

　　①高矮不齐，底边对齐

　　②空白折叠现象

　　　　（1）无论多少个空格、换行、tab，都会折叠为一个空格

　　　　（2）如果我们想让img标签之间没有空隙，必须紧密链接

2、文档流产生的问题

　①高矮不齐，底边对齐

 　　<span></span>

　　<img src="1.jpg" alt="">

 

　　img{

　　　　width:200px;

　　}

 ②空格折叠

<span>文本                  内容</span>

<img src="1.jpg" alt="">

 

img{

　　width:200px;

}

　　

 ③元素无间隙

<span>文本</span>

<img src="1.jpg" alt=""><img src="1.jpg" alt="">

 

img{

　　width:200px;

}　　

3、脱离文档流

　　使一个元素脱离标准文档流有三种方式：

　　①浮动

　　②绝对定位

　　③固定定位