静态定位类型的分类及详解

最近在做一个网页项目，长期处理定位问题。
要知道，创建网页就像盖房子，定位就像定位房子的门窗。
立场是对的。

一开始我使用默认的静态定位，就像按照正常顺序建造一座房子，门窗放置在规则的位置。
这种方法虽然简单，但有时想改变一下布局，却发现相当有问题。

然后我尝试了相对定位，就像移动了房子的门窗，但它们仍然在原来的位置。
这个方法不错，可以微调布局而不影响其他事情。

接下来我进行了固定定位，相当于将门窗固定在某个位置。
无论您向下滚动页面，它们都会在那里。
它就像网页的导航栏，总是在你能看到的地方。

最棘手的事情是绝对定位，这就像把房子的门窗拆下来，然后把它们放在你想要的地方。
然而，这样做可能会让房子的其他部分看起来有点凌乱，因为这些物品会填补空白。

我还发现了组合定位，就像在房子里一样，窗户是固定的，门是活动的，门可以自己移动。
它就像一个下拉菜单，易于使用，但需要仔细规划。

总之，定位一定要根据实际情况，选择正确的方法，才会使网页的布局美观实用。
不过，我还是不太明白多重静态定位和嵌套静态定位。
我以前从来没有接触过这个领域，所以不敢乱说。
😅

html div位置怎么使用

此 HTML 定位旨在在页面周围移动元素。
绝对定位意味着找到最接近你的上级。
如果没有老板，就寻找一个观察窗。
相对定位意味着保持在原地并且仅四处移动。
固定定位意味着无论您如何旋转它，它都会粘在视口上。
浮动意味着向左或向右移动，而其余内容则浮动到一边。

通俗地说，这是：
绝对定位：找到最近的老板来定位自己。

相对定位：保持原位，仅偏移。

固定定位：紧贴观看区域。

浮动：向左或向右移动，将使其他内容浮动。

记住定位必须先设置为绝对且固定，否则将使用视口定位。
浮动元素必须有宽度，否则它们会填满父容器。
另外，使用时请注意不要屏蔽重要内容，尤其是在移动设备上。

您可以尝试结合这些规定来创建复杂的页面布局。
但请记住，定位会影响文档流程，必须小心处理。
尤其要注意移动端，以免固定定位遮挡内容。
你自己看看，尝试几次后你就会明白。

Position属性四个值：static、fixed、absolute和relative的区别和用法

Position 属性中的静态；固定 有四个绝对值和相对值。
这在 CSS 中非常重要。
严格来说，它控制元素在页面上的定位方式。

1 .静态定位 这是原始的，不需要特殊设置。
元素按正常流程放置；上面下面的和正确的功能不起作用。
正如您通常编写 HTML 一样，元素所在的位置是 It 所在的位置；简单又直接。
例如，如果你写了一个没有定位的
；它将保持稳定。

2 相对定位 相比之下，该元素将从其正常位置移动。
然而，它保留了这一立场，并且不排除任何其他内容。
如何移动？以上以下仅使用右侧。
它会自行更改，但其默认位置为空。
例如，如果设置relative后有一个div top: 1 0px; left: 2 0px;，会从原来的位置向右下移1 0px 2 0px。
然而，其他元素仍然可以保留在原来的位置。

3 绝对（绝对位置） 绝对定位需要找到最近的非静态父元素。
如果找不到，请找到浏览器窗口。
该元素从正常文档流中完全消失并且没有位置没有被占用。
怎么保存呢？上面下面这个我只靠右了。
例如，如果您有一个绝对 div 并且父元素是静态的。
这是浏览器窗口关联的地方。
如果父元素是相对的或绝对的；它属于该父元素。

4 默认（默认位置） 固定定位；无论您如何滚动页面，它都会保留在浏览器窗口中的默认位置。
就像返回顶部按钮一样。
它总是贴在窗户上。
如何设置呢？直到相对于窗口的位置。
下面继续使用左和右。
例如，如果设置默认 top: 0; Left: 0;，将始终位于窗口的左上角。

相对和绝对的区别关键在于引用和文档流。

相对定位；参考对象是最近的父元素，它会自行移动，但位置保持不变，不影响其他元素。

实际定位；该引用是对最近的非静态父元素或浏览器窗口的引用。
如果移动，它可以覆盖其他元素而不占用空间。

注意：使用绝对或默认时；元素将从文档流中消失，并且其他元素可以重新排列。
不要进行比较。
只是移动位置而已默认位置仍然是空的。
z-index 只对非静态定位的元素以及谁在前面有用。
用来控制后面的东西。

一般情况下，这四个值根据情况使用。
静态是最简单的；允许轻微移动；它是完全免费的，固定总是靠近窗口。
如何使用它取决于您的页面布局需求。