如果doctype声明为<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">，那么DIV水平对齐的最佳方法是：
<div id="outer"><div id="inner">Some text</div></div>
CSS是：
#outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%;}
#inner{ width:500px;border:1px solid #F00; margin:auto;}
我想要做的是内部DIV在外部DIV内部（水平）对齐。如果doctype声明为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
答案 0 :(得分：1)
不知道您使用的浏览器，但可以更改
#outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%;}
为：
#outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%; text-align:center;}
尽管如此......我已经在IE8，FireFox和Chrome上测试了你的代码，三者都像魅力一样......
答案 1 :(得分：0)
您似乎需要了解quirks mode。