.clearfix:after{
display: bolck;
content:"";/设置内容为空/
visibility:hidden;/将元素隐藏/
clear:both;/清除浮动/
}
.clearfix{
zoom:1;/为了兼容IE/
}
通用清除浮动方式
2018-08-11
984
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
.clearfix:after{display: bolck;content:"";/设置内容为空/visibility:hidden;/将元素隐藏/clear:both;/清除浮动/}.
目录
相关文章
|
2月前
|
前端开发
|
5月前
|
开发者
UED
容器
与传统的块级和行内布局相比，Flexbox为Web开发者提供了更加灵活、高效的布局方式
【6月更文挑战第10天】Flexbox是CSS3的弹性盒子布局，提供灵活、高效的网页布局解决方案。其特点包括灵活性、响应式和易理解，能适应不同屏幕尺寸和设备。核心概念有容器和项目，常用于导航栏、卡片布局、响应式设计、表格和表单布局。关键属性如flex-direction定义主轴方向，justify-content和align-items控制对齐，flex属性处理伸缩，order调整顺序。通过响应式设计和兼容性考虑，Flexbox助力创建优质、适应性强的Web界面。
39
0
0
|
6月前
|
前端开发
|
前端开发
|
前端开发
|
Web App开发
编解码
前端开发
|
前端开发
容器
|
前端开发
|
前端开发
JavaScript
了解BFC特性，轻松实现自适应布局
BFC(Block Formatting Context)俗称块级格式上下文,初次看到这词似乎有点不是很理解，通俗解释就是一个独立区域决定了内部元素的排放，以及内部元素与外部元素的相互作用关系
145
0
0
热门文章
最新文章
1
小技巧 - 怎样屏蔽群消息（包括 @全体成员）？
2
MAVEN简介之——settings.xml
3
RDS for SQL server 空间问题排查汇总
4
深度 ｜ 大数据算法应用的测试发展之路
5
JavaScript基本数据类型分析
6
【Linux】使用数字表示法和文件表示法修改文件权限（超详细）
7
艾伟：一个简单的关键字过滤算法
8
上海保交所发布区块链底层技术平台，为保险交易高效安全保驾护航
9
《程序员的修炼-培养思维潜能的9个习惯》 读书笔记
10
Swift析构器
1
`Object.create()` 方法的参数
28
2
js中new和object.creat区别
27
3
Kotlin - 运算符与中缀表达式
30
4
除了 `addEventListener` 方法，还有哪些方式可以为元素添加事件监听器？
30
5
如何同时在捕获阶段和冒泡阶段添加事件监听器？
29
6
`addEventListener` 方法的第三个参数有什么作用？
13
7
Kotlin - 运算符与中缀表达式
12
8
除了点击事件，`addEventListener` 还能用于处理哪些事件类型？
18
9
addEventlistener和正常的onclick=()=> 的区别
13
10
除了性能，块级作用域和函数作用域对代码的可读性和可维护性有何影响？
11