这个方法是大家用的最多的方法，使用的时候必须为容器制定宽度！
例子：
#main {width:960pxmargin:0 auto}
这个在大部分浏览器里面都可以很好的实现效果。
但是在IE6之前的版本中却不被支持，下面看一下第二种方法
2. 用text-align实现居中，这个方法其实算是一个hack。
这个方法把整个页面当作文本对待，把body的属性设置为{text-align:center}
这样的话页面所有内容全部居中了，还需要把页面总的外框（wrap）属性{text-align:left}
这样的话页面就居中了！
代码：
body{text-align:center}
wrap {text-align:left}
3.负的外边距
负外边距需要和绝对定位同时使用，才会生效。
首先需要一个{wrap}来包裹所有的页面内容，并将其定位到页面的50%。这样{warp}容器据浏览器左边50%的距离。
然后再用负边距，将容器左边距设置为{wrap}宽度的一半即可。
看代码：
#wrap {width:800pxposition:absoluteleft:50%margin:0 0 0 -400px}
这样wrap就居中对齐了，这个方法基本上可以兼容所有的浏览器了。
有两种方法：
1、在同一个CSS样式表中，使用 !important 来定义不同的值以适应Firefox和IE。
例如：
padding: 20px !important/For Firefox/
padding: 10px/For IE/
（注意这里IE6是无法识别，important 这个标记的，但它会识别padding: 20px，所以要在后面加上padding: 10px用来覆盖padding: 20px）这个方法适用于修改少量代码。
2、条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。先为不同浏览器书写各自的CSS样式，再在head中加入以下的代码以适应不同的IE浏览器版本调用：
注意：
gt: greater than （高于）
lte: less than or equal to （低于或等于）
另外：IE还支持一个非标准的标签：comment
This is not Internet Explorer.
This is Internet Explorer.
IE会自动把此标签中的内容当作注释处理掉。
扩展资料
关于css兼容性问题及一些常见问题
目前主流浏览器的兼容性做的都比较好了，以下主要针对IE6，7的不兼容问题进行解决。
1、有浮动存在时，计算一定要精确，不要让内容的宽高超出我们所设置的宽高，IE6下，内容会撑开设置好的高度。
解决方法：给对应的父级加overflow:hidden但是会有部分被隐藏掉，最好是精确计算宽高再设定。
2、在IE6下有元素浮动时，如果宽度需要由内容撑开，就给里边的块元素都加浮动，正常浏览器不用加浮动。
3、在IE6下元素的高度的小于19px的时候，会被当做19px来处理。
解决办法：添加overflow:hidden
<HEAD><title>WebForm1</title>
<LINK rel="stylesheet" type="text/css" href="" id="mycss">
</HEAD>
or
<HEAD>
<title>WebForm1</title>
<asp:placeholder id="myplaceholder" runat="server"></asp:placeholder>
</HEAD>
也可以用
<link rel="stylesheet" type="text/css" href="getCss.aspx">进行控制
