是指页面上的元素在摆放的时候所占用的空间，也泛指页面元素放置的位置。
块元素：比如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>
上面都是默认元素会产生的问题。这个时候，就不能使用文档中元素默认的位置去摆放。而是使用脱离文档流的方式去处理。
这三种都会脱离文档流，一旦脱离文档流，元素的管理就会变的容易一些。
![使用ChatGPT高效完成简历制作[中篇]-有爱AI实战教程(五） 四、有爱AI实战教程全集](https://img-blog.csdnimg.cn/direct/0afd5f4536ba45d4a7aa49ccc91710ca.png)
