前段时间整理了在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