css浮动

97 阅读1分钟

1.overflow:hidden可以解决浮动造成的盒子塌陷问题 2.给.a 和.b 设置同一种样式

.a,.b { width: 150px; height: 150px; background-color: aqua;display: inline-block; float:left; 3.标准流布局 float:left脱离了标准流布局,给父盒造成了塌陷,使用 display: inline-block; 会产生一条缝隙

目前解决盒子塌陷的方法,第一种给父盒子添加属性overflow:hidden, 但是如果是下拉列表的情况,超出的会隐藏第二种是给父盒子固定的高度, 但是子盒子变多会溢出,第三种方式是个父盒子里面添加一个div, 设置clear:both清除两边的浮动即可但是会多出一个div元素,显得很多余