浏览器兼容性测试方案_常见浏览器兼容性问题_多浏览器兼容测试策略(22)

/* End hide from IE Mac */

/* end of clearfix */

</style>

10. 触发layout

说明：

IE6中很多Bug都可以通过触发layout得到解决.下列的CSS属性或取会让一个元素获得layout：

position:absolute 绝对定位元素的包含区块(containing block)就会经常在这一方面出问题

float:left|right 由于layout元素的特性，浮动模型会有很多怪异的表现

display:inline-block 当一个内联级别的元素需要layout的时候就往往符用到它，这也可能也是这个CSS属性的唯一效果----让某个元素有layout

width: 除auto外的任何

height: 除auto外的任何

zoom: 除auto外的任何

11、如何使连续长字段自动换行

ff最新版本 word-wrap:break-word;就可以了

ff旧版本 还要使用javascript完成文字换行

<style type="text/css">

div {

width:300px;

word-wrap:break-word;

border:1px solidred;

}

</style>

<script type="text/javascript">

function toBreakWord(intLen){

var obj=document.getElementById("ff");

var strContent=obj.innerHTML;

var strTemp="";

while(strContent.length>intLen){

strTemp=strContent.substr(0,intLen)"&#10;";

strContent=strContent.substr(intLen,strContent.length);

}

strTemp="&#10;"strContent;

obj.innerHTML=strTemp;

}

if(document.getElementById &&!document.all) toBreakWord(37)

12、设置滚动条颜色 只对ie系列有效 在html中 而不是设置body

<style type="text/css">

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;

}

</style>

IE不支持float：inheritoverflow:hidden有2个用法，一个是隐藏溢出，另一个是清除浮动。

<div>, <p>, <h1>, <form>, <ul>和 <li>是块元素的例子

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-39333-22.html