1】div垂直居中:设置line-height:height的高度;vertical-align:middle;(内容不可换行)
2】margin加倍:设置了float的div里面再添加一个display:online(浮动ie产生双倍距离的情况也可以这么解决)
3】ie中min-无效:
添加一句: expression(document.body.clientWidth < 760? “760px”: “100%” );
4】div浮动ie文本产生3px的bug(外div左浮动,里面第一个div左浮动,第二个div跟第一个有3px的空隙)
#right{margin-right:-3px;}
5】设置背景居中且内部左浮动排列列表,则嵌套一个#bg
<div><div id=“bg” style=”float:left;100%”> ..................</div></div>
6】内层元素发生变化,外层不自动调节大小(2种方法),则
1)外层添加border属性
2)内层上下各添加一个.divclass{height:0px;overflow:hidden;}
7】ie6下图片有空隙
1)display:block
2)vertical-align:top/bottom/middle
3)改变html排版
8】对齐文本与文本输入框
在input中添加vertical-align:middle;
9】li中内容超过长度以... ...显示
li {
200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
10】ie中设置滚动条颜色
html {
scrollbar-face-color:#f6f6f6;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#eeeeee;
scrollbar-3dlight-color:#eeeeee;
scrollbar-arrow-color:#000;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
11】ie6中已经默认宽高,则
1)zoom:0.08
2)line-height:1px;
3)overflow:hidden;
12】整个页面居中显示
ie6中设置body中text-align:center;
而在ff ch中margin:0 auto;
13】a标签加样式,需要添加display:block;
14】ul在ie中默认有margin,在ff默认有padding
所以先设置form,ul{margin:0;padding:0;}(在ie中form会有margin)
15】ff会对!important优先解析,而ie不会
16】ie6中图片3px问题
1)DIV加上:font-size: 0px;
2)设置img为“display:block;
17】ie6导致行距无效
对和文字相连接的img、input、textarea、select、object等元素加以属性 margin: (所属line-height-自身高度)/2px 0)
18】ie6使用滤镜对png图片设置为透明,结果链接无效
则:为a设置一个position:relative