CSS技巧十二：IE下margin:0 auto没有作用_Div+Css_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

CSS技巧十二：IE下margin:0 auto没有作用

来源：未知作者：类型：图文教程点击次数：发布时间：2014-04-02 09:52:28

在IE下运行下面的代码：
代码一：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS技巧十二：IE下margin:0 auto没有作用</title> </head> <body> <div>模板网</div> <style type="text/css"> div {width:200px; height:200px; margin:0 auto; border:1px solid red;} </style> </body> </html>
提示：您可以先修改部分代码再运行

代码二：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS技巧十二：IE下margin:0 auto有作用了</title> </head> <body> <div>模板网</div> <style type="text/css"> div {width:200px; height:200px; margin:0 auto; border:1px solid red;} </style> </body> </html>
提示：您可以先修改部分代码再运行

通过上面代码，我们发现代码一，div不居中，代码二div居中了，就是因为div多了下面的声明：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

所以，不要偷懒，一定要写全。