.clearfix:after{
display: bolck;
content:"";/设置内容为空/
visibility:hidden;/将元素隐藏/
clear:both;/清除浮动/
}
.clearfix{
zoom:1;/为了兼容IE/
}
通用清除浮动方式
2018-08-11
986
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
.clearfix:after{display: bolck;content:"";/设置内容为空/visibility:hidden;/将元素隐藏/clear:both;/清除浮动/}.
目录
相关文章
|
27天前
|
UED
|
2月前
|
前端开发
|
4月前
|
5月前
|
开发者
UED
容器
与传统的块级和行内布局相比，Flexbox为Web开发者提供了更加灵活、高效的布局方式
【6月更文挑战第10天】Flexbox是CSS3的弹性盒子布局，提供灵活、高效的网页布局解决方案。其特点包括灵活性、响应式和易理解，能适应不同屏幕尺寸和设备。核心概念有容器和项目，常用于导航栏、卡片布局、响应式设计、表格和表单布局。关键属性如flex-direction定义主轴方向，justify-content和align-items控制对齐，flex属性处理伸缩，order调整顺序。通过响应式设计和兼容性考虑，Flexbox助力创建优质、适应性强的Web界面。
39
0
0
|
6月前
|
前端开发
|
前端开发
|
前端开发
|
Web App开发
编解码
前端开发
|
前端开发
容器
热门文章
最新文章
1
《UVM实战》——3.3节field automation机制
2
QSqlDatabase: QMYSQL driver not loaded 解决方案
3
关于规则引擎的选型和疑惑思考
4
揭秘2017双11背后的网络－双11的网络产品和技术概览
5
前端开发：遇到This relative module was not found 的解决方法
6
Spring装配Bean---使用xml配置
7
SCDPM2012配置及客户端安装（二)
8
Ext.Ajax.request和formPanel.getForm().submit两种提交方法的异同
9
IBatis.Net学习笔记七--日志处理
10
一个实用的PHP缓存类
1
修改JAR文件工具
32
2
鸿蒙开发：自定义一个动态输入框
23
3
《C++ 人工智能模型邂逅云平台：集成之路的策略与要点全解析》
27
4
《C++与人工智能在工业自动化故障诊断中的“智慧融合”大揭秘》
29
5
【Azure 环境】使用Azure bicep对多个ServicePrinciple 进行role assignment分配
25
6
锁膨胀
21
7
官宣！杭州市地铁集团与阿里云达成战略合作
19
8
最新！阿里云入选福布斯·出海全球化品牌Top30
20
9
无影领衔！阿里云四项核心技术荣获科技进步一等奖
83
10
阿里云携手天津医保局，荣获2024全国智慧医保大赛一等奖！
26