方法一 ：利用auto maigins
先设置一个要居中的div
- <body>
- <div id="wrap">
- </div>
- </body>
而后css
- #wrapper {
- width: 720px;
- margin: 0 auto;
- }
这样在大部分主流浏览器都是能够的，可是在IE6是 不 能正常显示的，解决 办法
修改css
- body {
- text-align: center;
- }
- #wrapper {
- width: 720px;
- margin: 0 auto;
- text-align: left;
- }
IE会把text-align: center;理解为让全部的东西 都居中，这样就解决了兼容问题。
方法二：使用定位和负值空白边
只要改一下css代码
- #wrapper {
- width: 720px;
- position: relative;
- left: 50%;
- margin-left: -360px;
- }
至于为何这样作你们本身分析下吧，很简单的，没什么大道理。