绝对定位与浮动能否混用?

x_hola
  • 666

布局时发现本来用右浮动布局的好好的,加上position:absolute;之后,位置立马不对了。
是不是因为绝对定位与浮动不能混用?
我查了资料,绝对定位脱离了文档流,浮动没有。是不是说,如果使用了position:absolute;,那么float:right;就会失效?

谢谢

回复
阅读 12.2k
4 个回答

能一起用,但float不会生效!它嗷不过position:absolute!

zonxin
  • 12.1k

是,
这两个都是对一个block位置的控制,他们是是互斥的。一个是说用 top等属性确定他的位置,一个是说浮动到父元素的尽可能的最上,最右则。显示这是两个不同的位置,所以必然只有一个能生效。

用是可以用的,但是你要考虑为什么要一起用?你浮动,本身就是给它的一个定位,你还为什么要加一个绝对定位??这不是有点矛盾了吗?比如说,你float:right,是让它浮动在右侧,但是你又加了个position:absolute给它绝对定位下,肯定会失效呀,就好些说,你刚才叫它站在右边,然后就叫它站的一个固定的地方,这不是矛盾了吗?所以你要考虑下你的代码的问题,虽然说css代码写了失效没多大的关系,但是这是你逻辑的问题。代码什么时候该用,什么时候不要用,你要清楚,很多时候都会强调代码要精简。

是的,用浮动后,可以用padding和margin等进行定位,如果用绝对定位,就用top,left等设置。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏