html-文档流

1.文档流

(1)定义：是文档中可显示对象排列时所占用的位置/空间

(2)

2.文档流产生的问题（默认元素产生问题）

1.高矮不齐：有图片和文字时文字会以图片底部对齐

2.空格折叠：多个空格依然只有一个空格

3.元素无空隙：一行一代码中图片会出现空隙

3.脱离文档流

(1)应用：可以应用在制作导航栏

三种方法：

①浮动

②绝对定位

③固定定位

(相对定位不能脱离文档流)

4.浮动（只能左右浮动，无上下浮动）

定义：元素在哪个方向浮动，任何元素都可以浮动

通过float：left，right（只有左右浮动）

(1)未脱离文档流：盒子上下排放

(2)解决两张图片中间的空隙：给img添加float：left

5.当容器不足时

当容器不足以横向摆放内容时候，会在下一行摆放