浮点数如何与绝对和相对div定位相关?

时间:2012-05-03 17:47:31

标签: html css-float css-position

我之前提出过关于absolute and relative div positioning的问题,但我想尝试理解(肯定)float在这种情况下的作用。

我的主要问题是:floatabsoluterelative div定位的关系如何?

以下陈述是否正确(是/否):

  1. float right(或left)将尝试从div(或right)开始一个接一个地堆叠所有left。如果空间不足(width问题),div将显示在下一个“行”(从上到下)。
  2. float不会影响absolute divabsolute会覆盖float
  3. relative div相对于第一个封闭relative div定位(absolute div s被忽略)
  4. {li> float right(或leftdiv将首先计算relative div的自然位置,然后添加任意左上角偏移量来计算最后的位置。

    感谢。

3 个答案:

答案 0 :(得分:6)

向左或向右浮动将站在彼此旁边的内联,除非宽度为100%然后它们将相互坐在一起:

enter image description here

希望这是有道理的,也是你正在寻找的。

答案 1 :(得分:3)

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

  

使用CSS float,可以向左或向右推送元素,   允许其他元素环绕它。

您提供的陈述'显示'正确

答案 2 :(得分:1)

绝对定位的除法仅与位置不是静态的第一个祖先元素相关,这是它通过它的顶部,右侧,底部,左侧属性确定它的最终位置。绝对定位的元素不能浮动,因为它已从文档流中移除。

我对你的观点#3感到困惑,这没什么意义。相对除法将使得除法通常出现在文档中。然后可以使用其顶部,左侧,底部,右侧属性移动它,而仍然保持> 使用的相同位置,如果它没有被移动到任何地方。相对定位的元素可以像任何普通元素一样浮动,并且在移动它时不会影响其他浮动元素的最终位置。