睿美印象网络欢迎您的到来,并真诚的希望能与您合作!
睿美印象网络
返回上一页
客服QQ
点击这里给我发消息
客服QQ
点击这里给我发消息
一切从沟通开始……

实例解决FF下常遇到的5个bug

作者:睿美印象网站建设工作室  发布日期:2012-10-21
   前段时间整理了在ie6下常遇到的6个Bug。今天再整理下,在FF(火狐浏览器下)最长出现的5个问题。方便以后查阅。
1.FF下文本无法撑开固定高度的容器  
 HTML代码

  
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

原因:标准浏览器中,固定高度值的容器是不会像在ie6下一样被撑开的。如果想既固定高度又想超过被撑开,就要把height换成最小高度:min-height。定义如下:
 Example Source Code

{
height:auto!important;
height:200px;
min-height:200px;
}

2.父容器高度不能自适应。
 HTML代码

  
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

因为p设置了float:left;所以撑不开外面的div,这里要在div与p之间插入<div style="clear:both"></div>清除掉这个p的浮动.
3.FF下让连续的长字段自动换行
 HTML代码

  
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

IE下直接使用word-wrap:break-word 就可以了, 这里FF中我们使用JS插入
的方法来解决。
4.FF下不能水平居中
 HTML代码

  
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

text-align在FF下不起作用,所以我们要设置容器的左右补丁为auto.
5.FF下设置首页的js代码
 HTML代码

  
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



转载请注明:睿美印象网站建设工作室www.ruimeiyx.com
分享到:
已有 0 条评论
暂无评论
睿美印象在线客服
客服部小睿:
点击这里给我发消息
设计部小美:
点击这里给我发消息
技术海绵哥:
点击这里给我发消息
在线淘客服:
睿美印象网络
淘客服小睿:
睿美印象小睿
淘客服小美:
睿美印象小美