用了relative定位后再用float浮动,结果盒子不占有原来的位子,所以相当于relative不起作用失效了吗
当一个元素设置了浮动(float)属性后,这个元素就会从正常的文档流中提出,浮动在其它元素的旁边。如果父元素没有设置定位(position)属性,或者设置的定位值为static(默认值),那么浮动元素会被父元素包含,父元素会自动撑开以容纳浮动元素,所以可能会看到浮动元素会把父元素撑大。
相反,当一个元素设置了相对定位(relative positioning)后,它会在正常的文档流中保留原本的位置,并且可以使用left、right、top、bottom等属性来调整它的位置。因此相对定位不会对父元素造成任何影响,也不会改变其他元素的位置。
所以如果一个元素同时设置了浮动和相对定位,浮动会起作用,相对定位不会起作用。浮动元素会脱离文档流,而相对定位只是调整元素在文档流中的位置,所以相对定位不会对浮动元素产生任何影响。
仅供参考,望采纳,谢谢。