我之前提出过关于absolute and relative div positioning的问题,但我想尝试理解(肯定)float
在这种情况下的作用。
我的主要问题是:float
与absolute
和relative
div
定位的关系如何?
以下陈述是否正确(是/否):
float right
(或left
)将尝试从div
(或right
)开始一个接一个地堆叠所有left
。如果空间不足(width
问题),div
将显示在下一个“行”(从上到下)。 float
不会影响absolute div
,absolute
会覆盖float
relative div
相对于第一个封闭relative div
定位(absolute div
s被忽略)float right
(或left
)div
将首先计算relative div
的自然位置,然后添加任意左上角偏移量来计算最后的位置。
醇>
感谢。
答案 0 :(得分:6)
向左或向右浮动将站在彼此旁边的内联,除非宽度为100%然后它们将相互坐在一起:
希望这是有道理的,也是你正在寻找的。 p>
答案 1 :(得分:3)
http://www.barelyfitz.com/screencast/html-training/css/positioning/ 7,8和9
使用CSS float,可以向左或向右推送元素, 允许其他元素环绕它。
您提供的陈述'显示'正确
答案 2 :(得分:1)
绝对定位的除法仅与位置不是静态的第一个祖先元素相关,这是它通过它的顶部,右侧,底部,左侧属性确定它的最终位置。绝对定位的元素不能浮动,因为它已从文档流中移除。
我对你的观点#3感到困惑,这没什么意义。相对除法将使得除法通常出现在文档中。然后可以使用其顶部,左侧,底部,右侧属性移动它,而仍然保持>> 将使用的相同位置,如果它没有被移动到任何地方。相对定位的元素可以像任何普通元素一样浮动,并且在移动它时不会影响其他浮动元素的最终位置。