博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何解决浮动元素高度塌陷---CSS
阅读量:6485 次
发布时间:2019-06-23

本文共 419 字,大约阅读时间需要 1 分钟。

解决高度塌陷问题的方法:

方法一、

//给付元素添加声明     overflow:hidden;    缺点:回隐藏溢出的元素;

方法二、

在浮动的元素下添加空div标签,并给该元素添加声明:    clear:both;    height:0;     overflow:hidden;    缺点:在结构里增加了空标签,不利于代码可读性,且降低了浏览器性能;

方法三、

万能清除浮动法:    选择符:    .clear:after{        content: ' ',        clear: both;        display:block;        height:0;        visibility:hidden;    }    .clear{zoom:1;}    //兼容IE6、7

 

转载于:https://www.cnblogs.com/yuzhongyu/p/10596642.html

你可能感兴趣的文章
javascript 字符串转数字的简便写法
查看>>
Spring中jdbcTemplate的用户实例
查看>>
DecimalFormat 数据格式设置 SimpleDateFormat时间格式的用法介绍 --转载
查看>>
Android 的Margin和Padding属性以及支持的长度单位
查看>>
Django templates加载css/js/image等静态资源
查看>>
Eclipse C + GTK2.0环境构筑
查看>>
caffe solver
查看>>
Rhel6-heartbeat+lvs配置文档
查看>>
ORACLE分科目统计每科前三名的学生的语句
查看>>
0317复利计算的回顾与总结
查看>>
函数对象
查看>>
最全最新个税计算公式---今天你税了吗?
查看>>
linux shell 正则表达式(BREs,EREs,PREs)差异比较(转,当作资料查)
查看>>
二分法求平方根(Python实现)
查看>>
使用startActivityForResult方法(转)
查看>>
so在genymotation中错误问题
查看>>
Visual Studio 原生开发的10个调试技巧(二)
查看>>
Windows内核再次出现0Day漏洞 影响win2000到win10所有版本 反病毒软件恐成瞎子
查看>>
H3C品牌刀片系统强势首发
查看>>
【CSS系列】图像映射
查看>>