解决方案:
1、增加父级元素的高度
2、增加一个空的div标签,清除浮动
3、overflow
4、父类添加一个伪类: after
小结:
- 浮动元素后面增加空div
增加,代码中尽量避免空div - 设置父元素的高度
简单,元素假设有了固定的高度,就会被限制 - overflow
简单,下拉的一些场景避免使用 - 父类添加一个伪类:after(推荐)
写法稍微复杂一点,但是没有副作用,推荐使用!
1、增加父级元素的高度
2、增加一个空的div标签,清除浮动
3、overflow
4、父类添加一个伪类: after
下一篇:014float的使用
交互感比较强的一个动效按钮。
不加浮动,加了浮动,出现高度塌陷解决办法###给父元素添加height<!DOCTY
.box1{ border: 1px solid red; } .box2{
.box1{ border: 10px red solid;
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M