发生场合：一个元素浮动，然后一个不浮动的元素自然上浮与之靠近会出现的3px的间距。
以下为个人所做测试：
test01:不浮动元素为块级元素
立即学习“前端免费学习笔记（深入）”；
<div class="box01">box01</div><div class="box02">box02</div>
.box01{float: left; background: #f1c100;}.box02{background: red;}ie6效果：没有出现3px间距
test02:不浮动的元素修改为行内元素
<div class="box01">box01</div><span class="box02">box02</span>
.box01{float: left; background: #f1c100;}.box02{background: red;}ie6效果：出现3px间距
test03:修复这个3px间距 （方法一）
html结构按照test02，css如下：
.box01{float: left; background: #f1c100;}.box02{background: red;_margin-left:-3px;}/*_margin-left:-3px;修复3px间隔bug*/效果：没有间距
test04:修复这个3px间距 （方法二）
结构同上，css如下：
.box01{float: left; background: #f1c100;}.box02{background: red;float: left;}/*让不浮动元素也浮动起来*/效果：没有间距
小结：
据此，可以完善此bug 发生场合：一个元素浮动，然后一个不浮动的行内元素自然上浮与之靠近会出现的3px的间距。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
581
收藏
