margin问题导致页面不能居中[xhtml/css]
margin 和 text-align 属性的优先问题
本站逐渐以web标准进行重构，在重构的过程中逐渐发现一些Internet Explorer和FireFox浏览器在解析css规则方面的区别。今天又碰上一个，问题的关键在于属性的优先处理上！请看代码：
body{text-align:center;}
#output{margin:0;}
<body>
<div id="output">test text</div>
</body>
我们用伪码的方式来说明问题，假设在我们的页面中有两个标签如上面设置，body中只有一个id为output的div块，你觉得这个块会在页面中间显示吗？
答案是：IE显示在中间（水平方向），FireFox贴边显示在左侧。问题处在，在IE中，text-align属性是比margin要优先的，而在FireFox中则相反，因此显示的效果自然大相径庭啦。解决的方法是：把margin的值设置为auto就可以啦，我们的目标效果是页面水平居中嘛。