HTML中DIV的相对定位与绝对定位如何操作？

绝对定位，DIV块的位置是固定的，与文档流分离。
下面直接补内容。

相对定位：DIV块的位置发生偏移，但原位置不变。
向下或向右滑动，内容就会消失。

滚动条带有绝对位置。
相对定位并不重要。

额外的内容在任何位置都不会可见。

html怎么设置盒子位置

我记得当我做网页设计时，页面上的某些元素总是会偏离轨道。
我花了很长时间才发现问题。
当时我用的是绝对位置，但是设定的位置总是看起来不对。
然后我发现原来是因为我忘记先设置position属性了。
那是一个夏日的傍晚，我坐在电脑前，阳光透过窗户照在键盘上，那是我第一次深刻理解“位置上下文”的概念。

我还记得当时是下午四点左右。
我坐在办公室的角落里调试了一个小时的代码，终于让盒子按预期显示在页面上。
我点击浏览器的开发者工具，叹了口气调整了顶部和左侧的值。
CSS 的世界广阔而深邃。

然后，我决定用Flexbox布局替代之前的定位方式。
当然，不仅代码更简单，而且效果也更好。
我还认为，如果我早点学习这种现代布局方案，我可能会节省很多时间。

说起来，那个夏天的下午，我还在想，如果 CSS 的世界没有这些复杂的规则，那该多容易啊。
但正是这些规则给网页设计带来了无限的可能性。
就像生活中的小事一样，每条规则背后都有深刻的道理。
等等，还有一件事。
我突然想到，如果使用Grid布局的话，调整这些框的位置可能会更容易。