今天我们来谈下网站建设CSS兼容性的几个重点，让您在网站建设的时候更好的了解CSS兼容性问题！

我们都知道标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢？办法就是去掉height设置min- height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义：

{
height:auto!important;
height:200px;
min-height:200px;
} 

FireFox下如何使连续长字段自动换行

众所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我们使用JS插入
的技巧来解决

<style type='text/css'>
<!--
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}
-->
</style>
<div id='ff'>aaaaaaaaaaaaaaaaaaaaaaaaaaaa＜/div>
<scrīpt type='text/javascrīpt'>
/* <![CDATA[ */
function toBreakWord(el, intLen){
var ōbj=document.getElementById(el);
var strContent=obj.innerHTML;
var strTemp='';
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+'
';
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+='
'+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord('ff', 37);
/* ]]> */
</scrīpt>

ul,P,h3之类的标签要设为margin:0px padding:0px

IE与宽度和高度的问题

IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。

比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：

#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}