Question

html 文字和图片在一个div

怎么设置了图片（在已经设置了宽高的情况下）为float：left后图片就从div中消失了。并且在div外面也不显示图片





Answer 1

因为图片设置了float之后就脱离了文档流，可以理解为网页是一层一层重叠起来的，而现在图片和div不在一个层级了，所以div就覆盖了图片。
只需要在div上也加上float，让div和图片在同一层上，就ok了。

Answer 2

.demo2你设置了overflow: hidden溢出隐藏，.Pic设置了margin:-20px 0 0 -100px;
img已经超出div的范围，img的高为50px,下边距你设置了-100px;已经把img设置在了div的上方，div溢出隐藏后，img不显示，你把div的下边距删掉就可以了；