解决盒子塌陷的方法

162 阅读1分钟

目前解决盒子塌陷的方法: 1,给父盒子添加属性overflow:hidden(弊端。但是如果是下拉列表的情况,超出的会隐藏) 2,给父盒子固定高度,但是子盒子变多后会溢出 3,给父盒子里面添加一个div,设置style=“clear:both”,清除两边的浮动即可 clear:both 清除两边的浮动(弊端,多出一个div元素,显得多余) 4,第四种清除浮动的方式,伪类: .box:after{ content } content里面的内容会显示在页面上 .box:after{ content display:block; clear:both; }