除了使用绝对位置还是固定位置之外，还有其他方法，使用CSS来获取不影响页面流量的元素吗？

Question

我尝试使用谷歌搜索这个问题，以及在这里搜索它，但我似乎找不到任何相关的东西（这表明它是不可能的）。

我也尝试过将“相对”定位与不同的“显示”属性（如内联，内联块等）相结合，但完全没有让我惊讶我发现它仍然影响页面的流程。这几乎是我所理解的，但后来它让我思考，“除了使用绝对或固定的位置之外，还有其他方法，使用CSS来获取不影响页面流量的元素吗？”

如果可能的话，我也会对使用JavaScript / jQuery实现相同效果的任何方式感兴趣。

Answer 1

你可以浮动元素，但这通常会导致元素及其流入的兄弟姐妹远离正常流程中的元素。它还将元素转换为块框。如果这些影响中的任何一个都不合需要，那么浮动就不是一种选择。

如果您希望元素保持原样，但就像它不在正常流程中一样，那么仅仅指定position: absolute就足够了。如果您未指定 top，right，bottom或left的任何，则该元素不会偏离其任何位置正常流量位置，除非在特殊情况下（例如，对元素进行处理会阻止该元素上的margin collapse，因为当它不在流量时它不再有任何其他边缘可以与之交互 - 将this example与{{this one进行比较3}}）。

Answer 2

我不确定这里的用例是什么，但这里有一个简短的解释，希望能为你清楚：

每个HTML都有一个'正常流'，通常是从左到右。块级元素（div，p，li）将始终占据整行，而内联元素（span，a）将出现在旁边彼此。

您可以通过多种方式控制页面流：

1. 更改元素的显示属性（内联，内联块，表格单元格等）
2. 设置绝对位置 - 将元素从“正常流量”中取出，从而为其他元素占据空间。
3. 设置相对位置 - 这样你可以将元素从原始位置移开，但与绝对定位不同，元素仍会占据原始空间，因此没有其他元素可以进入。
4. 使用浮点数 - 类似于绝对值，将元素从正常页面流中移出，并使其他元素占据该位置。

这些是主要方式，每种方式都会对流量产生不同的影响。

希望它有所帮助。