当前位置:Gxlcms > html代码 > 盒子2为何消失不见????_html/css_WEB-ITnose

盒子2为何消失不见????_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:62人阅读

无标题文档
盒子1
盒子2
盒子3


显示情况如下:


回复讨论(解决方案)

无标题文档
盒子1
盒子2
盒子3

是因为1把2挤出去了

#div1{background-color:#00F;float:left;} 导致盒子1浮动出文本流,所以盒子2占据原盒子1的位置,盒子1浮起覆盖盒子2但是盒子2的文字要环绕在盒子1周围,所以被挤压到下面。盒子3与盒子2的margin:0,所以盒子3把盒子2被挤压出来的文字覆盖了。所以并不是盒子2和盒子3重合,二是盒子2的文字被挤压出来后被盒子3覆盖。
可以设置边框验证下。

人气教程排行