1、居中问题
div里的内容,ie默认为居中,而ff默认为左对齐。
使ff内容居中的方法是增加代码margin:auto;
eg: body{margin:0 auto;}
2、高度问题
设有两横行div排列,上面的div设置高度(height),如果div里的实际内容大于所设高度,在ff中会出现两个div重叠的现象;但在ie中,下面的div会自动给上面的div让出空间。所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节。
或者设置:overflow:hidden
(如果要自动调节,ie7和ff会认最小高度min-height,但是ie6不认,所以为ie6加上_height:300;)[有点同6]
3、clear:both; [万能]
拿footer为例,有时候如果上面使用了float控制的n列的布局,那么在用ff浏览时footer很有可能会到处乱动——因为他还在受到浮动(float)的控制。如果想让它正常显示,在footer的div中写入clear:both;就可以达到效果了!
(或者可以自定义一个block,调整两个div的间距 eg: .block{height:5px;clear:both;font-size:1px;margin:0 auto;} )
4、浮动ie产生的双倍距离
#box{
float:left;
width:100px;
margin:0 0 0 100px; //这种情况之下ie会产生200px的距离
display:inline; //使浮动忽略
}
5、display:block,inline两个元素 display(显示)
display:block; //可以为内嵌元素模拟为块元素 常用竖向导航
display:inline; //实现同一行排列的的效果 常用于横向导航制作中
diplay:table; //for ff,模拟table的效果
display:block元素的特点是:总是在新行上开始
高度,行高以及顶和底边距都可控制; //用line-height控制
宽度缺省是它的容器的100%,除非设定一个宽度
上一条资讯|返回栏目页|下一条资讯