浮动是脱离文档流的,会覆盖别的框,这里需要强调一下此处的框是指非行框的框。 当行框与浮动框相遇时,浮动框旁边的行框被缩短,从而给浮动框留出空间,行框围绕浮动框。 下图有两个 p 段落,段落是被覆盖的,但段落里的文本属于行框,行框缩短,给浮动留出空间。 如果你想要其覆盖文本框,将文本框设置为绝对定位就可以了。
至于1楼的说法 ,不敢苟同 ,因为float 是没有脱离文档流的,他和文字是在同一文档流 float的作用就是相当给元素 加了一个inline-block和一个向左或者向右靠边的的属性 absolute 定位才是脱离 当前文档流 至于底层的机制 可以移步到 前端大牛的 张鑫旭的博文 以及一个讨论 float 是否脱离文档流的 一个论坛
浮动是脱离文档流的,会覆盖别的框,这里需要强调一下此处的框是指非行框的框。
当行框与浮动框相遇时,浮动框旁边的行框被缩短,从而给浮动框留出空间,行框围绕浮动框。
下图有两个
p
段落,段落是被覆盖的,但段落里的文本属于行框,行框缩短,给浮动留出空间。如果你想要其覆盖文本框,将文本框设置为绝对定位就可以了。