如果我给出绝对位置,为什么div不对齐?

时间:2011-11-10 16:28:50

标签: css

我有一个小提琴here。我设置浮动左和左; li的宽度(20%,80%)。现在看起来不错。

出于某种原因(实际上,这是另一个故事!)我希望position: absolute设置div.content

如果是的话,moreContent div就像this一样在左边。

我不明白为什么会这样发生,因为我设置了content div的父级 位置为relative。所以,它应该在li内。

我只想保持相同的布局,div.content定位为绝对。

怎么做。

谢谢!

3 个答案:

答案 0 :(得分:1)

绝对位置超出正常页面流量 - 即与页面上其他项目的位置无关。

答案 1 :(得分:1)

问题在于,当您将div.content定位为绝对值时,它不会影响其他元素的位置。我建议设置一个保证金,这将模仿div.content如果不是绝对的话会做什么:http://jsfiddle.net/ahmednuaman/MQ6Rg/3/

答案 2 :(得分:1)

将元素设置为“绝对”后,它基本上会从页面的DOM中删除以进行定位计算。使.content成为绝对意味着.moreContent现在没有任何“左”的东西可以浮动,所以它会向右移动到父容器的bordre。