清除浮动的多种方法

简介:

1:给父类添加浮动   /* 浮动元素太多时有局限性 */

2:给父类添加display:inline-block   /* 会把元素直接的空格间隙也会应用上去 */

3:在浮动元素后面添加一个空元素,并设置清除浮动 clear:both;

4:在浮动元素后面<br clear:"all"> /* 不符合W3C标准 */

5:浮动元素的父类添加   /* 推荐这种方法 */

.box-set:before,

.box-set:after {

  content: "";

  display: table;

}

.box-set:after {

  clear: both;

}

.box-set {

  *zoom: 1;

/* 兼容IE6*/

}

6:父类添加overflow  

/* IE6下无效必须添加 zoom:1 */

/* IE6下浮动元素父类有宽度的话就不用清除浮动*/



本文转自 风雨萧条 51CTO博客,原文链接:http://blog.51cto.com/1095221645/1889975,如需转载请自行联系原作者


相关文章
|
6月前
鸿蒙开发:单一手势实现多次点击事件
TapGesture点击手势,在实际的开发中,更多的是运用于双击或者需要多次点击的场景,如果仅仅是单次点击,建议大家直接使用onClick即可。
138 1
鸿蒙开发:单一手势实现多次点击事件
|
6月前
|
移动开发 安全 虚拟化
VMware ESXi 8.0e 发布 - 领先的裸机 Hypervisor
VMware ESXi 8.0e 发布 - 领先的裸机 Hypervisor
153 4
VMware ESXi 8.0e 发布 - 领先的裸机 Hypervisor
|
11月前
|
缓存 监控 算法
软件测试中的性能瓶颈分析与优化策略
【10月更文挑战第6天】 性能测试是确保软件系统在高负载条件下稳定运行的重要手段。本文将深入探讨性能测试的常见瓶颈,包括硬件资源、网络延迟和代码效率等问题。通过具体案例分析,我们将展示如何识别并解决这些问题,从而提升软件的整体性能。最后,文章还将分享一些实用的性能优化技巧,帮助读者在日常开发和测试中更好地应对性能挑战。
536 3
|
6月前
|
数据安全/隐私保护
基于零极点配置的PID控制系统simulink建模与仿真
本课题基于零极点配置的PID控制系统在Simulink中建模与仿真,通过设置不同数量的零极点(1、3、6、8个),对比分析PID控制器的输出效果。使用MATLAB2022a版本进行建模,验证了零极点配置对系统性能的影响。PID控制器通过比例、积分和微分作用于误差信号,结合零极点配置可优化闭环系统的频率响应,提升稳定性和动态性能。
|
6月前
|
Linux Shell
Linux 进程前台后台切换与作业控制
进程前台/后台切换及作业控制简介: 在 Shell 中,启动的程序默认为前台进程,会占用终端直到执行完毕。例如,执行 `./shella.sh` 时,终端会被占用。为避免不便,可将命令放到后台运行,如 `./shella.sh &`,此时终端命令行立即返回,可继续输入其他命令。 常用作业控制命令: - `fg %1`:将后台作业切换到前台。 - `Ctrl + Z`:暂停前台作业并放到后台。 - `bg %1`:让暂停的后台作业继续执行。 - `kill %1`:终止后台作业。 优先级调整:
320 5
|
7月前
|
运维 网络协议 Linux
网络故障排除的7个关键维度
网络故障排除是确保网络稳定运行的关键,能减少停机时间、提升服务质量。本文介绍7个排查步骤:1. 检查硬件连接;2. 使用ipconfig检查IP配置;3. 进行DNS检查;4. 验证网络配置;5. 用其他设备测试;6. 检查IP冲突;7. 测试网络带宽和延迟。通过这些方法,可快速定位并解决问题,保障网络顺畅运行。
404 5
|
6月前
|
人工智能 运维 Serverless
Serverless GPU:助力 AI 推理加速
Serverless GPU:助力 AI 推理加速
253 1
|
8月前
|
供应链 数据可视化 搜索推荐
商业模式画布BMC入门指南:模块、实操与工具
2分钟了解什么是商业模式画布BMC,哪些工具可以绘制。
759 11
商业模式画布BMC入门指南:模块、实操与工具
|
8月前
|
人工智能 前端开发 关系型数据库
过年了,用魔搭+魔笔打造您的 AI 春节贺卡生成器!
本文介绍了如何获取和利用现有的大模型资源,结合魔笔低代码,低成本、高效率地打造一个 AI 春节贺卡生成器。
|
9月前
|
弹性计算 运维 监控
EMR管控平台全面升级:智能化助力客户实现在离线混部和降本增效
本次介绍EMR开源大数据平台2.0的最新特性,基于微服务架构,提供更稳定高效的服务。平台升级主要体现在智能化和Serverless两个方面。智能化功能利用大语言模型提升运维效率,推出一键诊断和根因分析,缩短问题定位时间。全托管弹性伸缩根据业务动态自动调整资源,提高资源利用率。即将推出的EMR on ACS产品形态支持离在线业务混部,进一步优化资源使用,帮助用户实现降本增效。