我有一个小提琴here。我设置浮动左和左; li
的宽度(20%,80%)。现在看起来不错。
出于某种原因(实际上,这是另一个故事!)我希望position: absolute
设置div.content
。
如果是的话,moreContent
div就像this一样在左边。
我不明白为什么会这样发生,因为我设置了content
div
的父级
位置为relative
。所以,它应该在li
内。
我只想保持相同的布局,div.content
定位为绝对。
怎么做。
谢谢!
答案 0 :(得分:1)
绝对位置超出正常页面流量 - 即与页面上其他项目的位置无关。
答案 1 :(得分:1)
问题在于,当您将div.content
定位为绝对值时,它不会影响其他元素的位置。我建议设置一个保证金,这将模仿div.content
如果不是绝对的话会做什么:http://jsfiddle.net/ahmednuaman/MQ6Rg/3/
答案 2 :(得分:1)
将元素设置为“绝对”后,它基本上会从页面的DOM中删除以进行定位计算。使.content
成为绝对意味着.moreContent
现在没有任何“左”的东西可以浮动,所以它会向右移动到父容器的bordre。