CSS学习第13天——文档流

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

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

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

1.高矮不齐，底边对齐

 

 可以看到文字和图片是底部对齐的，高矮不一，这是第一个问题

2.空格折叠现象

 

 

可以看到代码中有很多个空格，但是显示出来只有一个空格

3.元素无空袭的问题

 

从图中可以看到第二第三张图片是有空隙的，第一张图片和第二张图片是没有空隙的，因为他们的代码紧密连接，但是这样对我们写代码不太方便。

对以上的三个问题我们可以用脱离文档流的方法来解决。

有三种方式：

1.浮动

2.绝对定位

3.固定定位