0
0
php中文网
发布时间：2016-06-24 12:28:14
|1289人浏览过
|来源于php中文网
原创
（1）对于一个层内有浮动的层，主层应该用overflower：hidden，以消除内层的浮动导致的其它外的影响。
比如:
< div id = " main1 " > < div id = " son1 " style = " float：left; display:inline " > aa < div id = " main2 " style = " margin-top:10px; " > main2内容
这时候如果MIAN1不加OVERFLOWER：HIDDEN的话，MAIN2的MARGIN-TOP是没有效果的，原因就是SON1这个浮动元素的影响导致的。
display:inline是为了兼容IE6的浮动中MARGIN会产生双倍的MARGIN值。当然还有别的办法可以消除FLOAT的影响，就是在浮动元素后面添加一个DIV让他CLEAR：LEFT，RIGHT，BOTH
（2）对于浮动的LI，要排成多行多列的话，LI要指写高度和宽度。指定高度是因为如果没有指定高度，前面一排的LI如果文字行数不一的话，第二排的LI就会下沉。
立即学习“前端免费学习笔记（深入）”；
相关文章
html设计好了运行不了怎么弄_解设计html运行失败问题【技巧】
html5怎么运行在手机端_手机端运行html5方法【指南】
网页中同时粘贴图片与文本的实现指南
解决CSS动画跨浏览器兼容性：利用JavaScript实现平滑图像切换
解决CSS动画跨浏览器兼容性：使用JavaScript实现稳定图片轮播教程
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题深入讲解 Java Spring Boot 在微服务架构中的应用，内容涵盖服务注册与发现、REST API开发、配置中心、负载均衡、熔断与限流、日志与监控。通过实际项目案例（如电商订单系统），帮助开发者掌握 从单体应用迁移到高可用微服务系统的完整流程与实战能力。
1
2025.12.24
热门下载
相关下载
精品课程
共13课时 | 3.2万人学习
共44课时 | 34.5万人学习
最新文章
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
