是指页面上的元素在摆放的时候所占用的空间，也泛指页面元素放置的位置。
块元素：比如li标签或者h1这种，都是默认自上而下摆放的。内联标签：如果是span标签或者strong标签，它是从左到右进行摆放的。
有些场景并非得从左到右，从上到下进行摆放。
<div><span>大家好，我们一起看美女</span><img src="1.jpg">
</div>
可以看到有文本的时候，高矮是不一样的，他们是以底边对其的。可能需要居中或者居上对其才好看。高矮不齐的时候是以底边进行对其的。
空格问题，无论在文本位置放置了多少空格，默认出现在页面上面只有一个空格。
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>首页</title><style>img{width: 300px;height: 300px;}</style>
</head><body><div><span>大家好，我们一起看 美女</span><img src="1.jpg">
</div></body></html>
上面都是默认元素会产生的问题。这个时候，就不能使用文档中元素默认的位置去摆放。而是使用脱离文档流的方式去处理。
这三种都会脱离文档流，一旦脱离文档流，元素的管理就会变的容易一些。
