块元素浮动问题,与理解的有冲突。

块元素浮动问题,与理解的有冲突。

问题描述:

在图片下面放了一个div,给div添加浮动,为什么div浮动到左上角,然后把图片挤到右边

div出现在图片下面,是因为div是块元素要独占一行,div上下都会换行。
当div添加浮动,独占一行的效果就没有了,
而图片 是行内元素,本身是没有换行的。当前文档流还在图片的右边。div浮动就会依照当前文档流与图片在同一行了,

你的图片不会也是浮动的吧

浮动脱离文档流但是其他盒子还是会给这个元素让出位置, 你想要的应该是绝对定位