relative和float的问题

Question

用了relative定位后再用float浮动，结果盒子不占有原来的位子，所以相当于relative不起作用失效了吗

Answer 1

当一个元素设置了浮动（float）属性后，这个元素就会从正常的文档流中提出，浮动在其它元素的旁边。如果父元素没有设置定位（position）属性，或者设置的定位值为static（默认值），那么浮动元素会被父元素包含，父元素会自动撑开以容纳浮动元素，所以可能会看到浮动元素会把父元素撑大。

相反，当一个元素设置了相对定位（relative positioning）后，它会在正常的文档流中保留原本的位置，并且可以使用left、right、top、bottom等属性来调整它的位置。因此相对定位不会对父元素造成任何影响，也不会改变其他元素的位置。

所以如果一个元素同时设置了浮动和相对定位，浮动会起作用，相对定位不会起作用。浮动元素会脱离文档流，而相对定位只是调整元素在文档流中的位置，所以相对定位不会对浮动元素产生任何影响。
仅供参考，望采纳，谢谢。