2

我之前问过一个关于绝对和相对 div 定位的问题，但我想尝试理解（肯定）float在这种情况下的作用。

我的主要问题是：如何float关联absolute和relative div定位？

以下陈述是否正确（是/否）：

  1. float right(or left) 将尝试div从right(or left) 开始一个接一个地堆叠。如果没有足够的空间（width问题），divs 将显示在下一个“行”（从上到下）。
  2. float永远不会影响absolute div，absolute覆盖float
  3. relative div相对于第一个封闭物定位relative div（absolute divs 被忽略）
  4. float right（或left） adiv将首先计算 a 的自然位置relative div，然后添加任何左上角偏移来计算最终位置。

谢谢。

4

3 回答 3

6

向左或向右浮动将彼此相邻，除非宽度为 100%，否则它们将位于彼此下方：

在此处输入图像描述

希望这是有道理的，并且是您正在寻找的。

于 2012-05-03T19:16:35.743 回答
3

http://www.barelyfitz.com/screencast/html-training/css/positioning/ 7,8 和 9

使用 CSS 浮动，一个元素可以向左或向右推，允许其他元素环绕它。

您提供的陈述“似乎”正确

于 2012-05-03T17:53:33.890 回答
1

绝对定位的划分仅与位置不是静态的第一个祖先元素相关，这就是它如何通过其顶部、右侧、底部、左侧属性确定其最终位置的方式。绝对定位的元素不能浮动，因为它已从文档流中删除。

我对你的第 3 点感到困惑，这没有多大意义。相对分割将呈现分割，因为它通常会出现在文档中。然后可以使用其 top、left、bottom、right 属性来移动它，同时仍然保持它没有被移动到任何地方时会使用的相同位置。相对定位的元素可以像任何普通元素一样浮动，并且在您移动它时不会影响其他浮动元素的最终位置。

于 2012-05-03T18:04:00.483 回答