打印

[讨论] FF里发现的bug,不知大家碰到过没

dianfish [楼主]

佐佐
初级会员

帖子: 71
体力: 104
威望: 1
当前: 北京海淀区

专长 网页设计,前端制作,JS

1^# 大中小发表于 2008-5-15 15:39

提示：您可以先修改部分代码再运行

常见的结构，在IE6/7、FF中显示一切正常。

当然我想”one”和”three”有一定的距离，于是给”one”加margin-bottom:12px;此时在FF中显示

显然这背离了我的想法，怎么和上面也有了12px的距离。而在IE6/7中显示OK。

解决方法:
1、给”one”加一个高度。
2、给”one”加一个overflow:hidden

[ 本帖最后由 dianfish 于 2008-5-15 15:40 编辑 ]

牛排！牛排！

TOP

MagicYY

高级会员

帖子: 384
体力: 599
威望: 0

发短消息

2^# 大中小发表于 2008-5-15 15:51

复制内容到剪贴板

代码:

.clear {clear: both;height:1px;margin-top:-1px;overflow:hidden;}

这才是正确的使用clear:both的方法。
至于给.one加上overflow:hidden，也是一种清除浮动

TOP

dianfish [楼主]

佐佐
初级会员

帖子: 71
体力: 104
威望: 1
当前: 北京海淀区

专长 网页设计,前端制作,JS

3^# 大中小发表于 2008-5-15 16:34

引用:

.clear {clear: both;height:1px;margin-top:-1px;overflow:hidden;}

关于
.clear {clear: both;height:1px;margin-top:-1px;overflow:hidden;} 和
.clear { clear:both; }

的使用，个人觉得下者完全可以达到我想要的效果，而且代码更少，所以我用之。

并没觉得用下面这.clear { clear:both; } 会造成bug.
如有请举例

牛排！牛排！

TOP

twming

初级会员

帖子: 79
体力: 178
威望: 0
当前: 广东广州
离线: 1 天

发短消息

专长 网页设计,前端制作

4^# 大中小发表于 2008-5-15 16:40

FF里对浮动层的解释跟IE的不同！
都浮动看看吧！

TOP

MagicYY

高级会员

帖子: 384
体力: 599
威望: 0

发短消息

5^# 大中小发表于 2008-5-15 16:40

替换你的.clear，BUG消失。或者.clear { clear:both;overflow:hidden;}

TOP

dianfish [楼主]

佐佐
初级会员

帖子: 71
体力: 104
威望: 1
当前: 北京海淀区

专长 网页设计,前端制作,JS

6^# 大中小发表于 2008-5-15 17:36

引用:

FF里对浮动层

目前为止，做过很多。但很少用浮动层中处理。

当然出现这种问题了。再定义解决。因为没碰到。所以不用。

牛排！牛排！

TOP

Elking

中级会员

帖子: 140
体力: 279
威望: 0

发短消息

7^# 大中小发表于 2008-5-15 17:49

你用多了clear 就知道后面那堆东西有什么用了!!
.clear {clear: both;height:1px;margin-top:-1px;overflow:hidden;}
当然能够不用clear 也记得利用本来的div 清除下浮动更好本来多了个东西专门干这些不怎么好 !

[ 本帖最后由 Elking 于 2008-5-15 17:59 编辑 ]

TOP

zidanezhicong

我爱阿仙奴
高级会员

帖子: 441
体力: 883
威望: 0
当前: 广东深圳
离线: 2 天

专长 前端制作

8^# 大中小发表于 2008-5-15 18:04

引用:

原帖由 dianfish 于 2008-5-15 16:34 发表

关于
.clear {clear: both;height:1px;margin-top:-1px;overflow:hidden;} 和
.clear { clear:both; }

的使用，个人觉得下者完全可以达到我想要的效果，而且代码更少，所以我用之。

并没觉得用下面这.cl ...

.clear {clear: both;height:1px;margin-top:-1px;overflow:hidden;} 这个之所以要写这么多语句，是因为在ie下空层是有一个默认高度的，上面这样写的原因是想消除那个默认高度，不过我也觉得写太多了，.clear {clear: both;overflow:hidden;} 就行了

我爱阿仙奴！

TOP

dianfish [楼主]

佐佐
初级会员

帖子: 71
体力: 104
威望: 1
当前: 北京海淀区

专长 网页设计,前端制作,JS

9^# 大中小发表于 2008-5-16 11:19

引用:

原帖由 zidanezhicong 于 2008-5-15 18:04 发表

.clear {clear: both;height:1px;margin-top:-1px;overflow:hidden;} 这个之所以要写这么多语句，是因为在ie下空层是有一个默认高度的，上面这样写的原因是想消除那个默认高度，不过我也觉得写太多了，.clear {cle ...

如上例子..在我没有加东西并没有一个默认高度形成...所以在这种情况中不用加overflow:hidden; 多此一举..

牛排！牛排！

TOP

MarVell

高级会员

帖子: 712
体力: 700
威望: 0
当前: 河南洛阳

发短消息

专长 前端制作

10^# 大中小发表于 2008-5-16 13:49

用br...还是比较稳妥的.

提示：您可以先修改部分代码再运行

不在放荡中变坏,就在沉默中变态...

TOP

MagicYY

高级会员

帖子: 384
体力: 599
威望: 0

发短消息

11^# 大中小发表于 2008-5-17 10:52

其实那个<div class="clear"></div>压根就是多余的
既然.one 已经设置了高度，那么再加个 overflow:hidden; 就能清除浮动，兼容FF、IE。何必再多个clear的div

提示：您可以先修改部分代码再运行

[ 本帖最后由 MagicYY 于 2008-5-17 10:58 编辑 ]

TOP

soncy

木鱼阿呆
高级会员

帖子: 361
体力: 566
威望: 0
当前: 北京海淀区
离线: 9 天

12^# 大中小发表于 2008-5-21 16:41

不推荐用overflow:hidden的方式清楚浮动

my blog

TOP

soncy

木鱼阿呆
高级会员

帖子: 361
体力: 566
威望: 0
当前: 北京海淀区
离线: 9 天

13^# 大中小发表于 2008-5-21 16:48

提示：您可以先修改部分代码再运行

my blog

TOP

bingguo

初级会员

帖子: 49
体力: 150
威望: 0
离线: 52 天

发短消息

14^# 大中小发表于 2008-5-21 16:56

<div class="clear"></div>
我觉得专门弄个DIV 来弄清除```根本就是画蛇添足```没必要
难道你做的网站..到处都需要清除么??

TOP

gujunye

新手上路

帖子: 13
体力: 12
威望: 0
离线: 1 天

15^# 大中小发表于 2008-5-21 16:58

.clear {clear: both;height:1px;margin-top:-1px;overflow:hidden;} 和
.clear { clear:both; }

clear的默认高度为４　给他加一个heigt:1pt　

TOP

dseven

ReKey
中级会员

帖子: 102
体力: 208
威望: 0
当前: 北京海淀区
离线: 1 天

发短消息

专长 前端制作,网站运营

16^# 大中小发表于 2008-5-23 10:13

.clear { clear:both; } IE下 div的默认行高..

TOP

dianfish [楼主]

佐佐
初级会员

帖子: 71
体力: 104
威望: 1
当前: 北京海淀区

专长 网页设计,前端制作,JS

17^# 大中小发表于 2008-5-29 13:58

其实用overflow也可以达到清除浮动的效果。
可是有时就是需要clear来清除，比如一些产品的浮动。浮在整个边框的外面了一用clear把外面的东西都清掉了。。这不是我所想看到的。

牛排！牛排！

TOP

11682884

新手上路

帖子: 1
体力: 7
威望: 0
当前: 湖南长沙
离线: 56 天

发短消息

18^# 大中小发表于 2008-5-30 14:10

这是浏览器对空层默认高度理解不同吧，一个是有，一个是无，

TOP