21.float的div闭合,清除浮动
例如: <#div id=”floatA” >
<#div id=”floatB” >
<#div id=” NOTfloatC” >
这里的NOTfloatC并不希望继续平移,而是希望往下排。(其中floatA、floatB的属性已经设置为 float:left;) 这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。在 <#div class=”floatB”> <#div class=”NOTfloatC”>之间加上 < #div class=”clear”>这个div一定要注意位置,而且必须与两个具有float属性的div同级,之间不能存在嵌套关系,否则会产生异常。 并且将clear这种样式定义为如下即可: .clear{ clear:both;}
22.最狠的手段 - !important
• 如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE6则会忽略.
例
.tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important;
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px;
}
• 值得注意的是,一定要将xxxx !important 这句放置在另一句之上,上面已经提过。
23.为什么下文本无法撑开容器高度
• 标准中固定高度值的容器是不会象6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?
• 办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:
24.IE滚动条颜色
解决办法:将body改为html
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;
}
25.border中的dotted与dashed
dotted: 点状轮廓
dashed:虚线轮廓
border属性中dotted与dashed的区别:
dotted在IE6下不兼容,显示为dashed效果;
而dashed在个浏览器中显示一致