css 设置问题 body不能居中

你的写法在不同浏览器下有不同效果。

1.在ie6下因为你设置了body，text-align:center，所以div以其最左侧为基准居中，也就是div最左上角那点为基准来居中。

2.在火狐下不支持text-align:center所以直接在页面左侧，你会发现不是挨着浏览器边框，是因为网页自身默认内容部分有一定的边距，你只有把边距设为0，才会真正的挨着浏览器的边框，这就是所有body里都有margin:0这个属性的原因。

您好！很高兴为您答疑！background-position-x 这个 x 是针对横向居中，去掉x，才是针对 x、y 两个方向居中。您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

一般的浏览器，比如ie6、ie7、ie8、360、遨游等，div+css正常都是可以用的。

但火狐浏览器就很不一样，网上写了很多，看起来也很麻烦。

其实，不是很烦的网站，只须要设置几处就可以了。

body {text-align:centerbackground:#FFFfont-family: "宋体"font-size: 12pxline-height:25px}

table{ margin: 0 auto}

div {margin:0 autooverflow:hidden}

当网页上有些地方用到表格的时候，你用align=center是不管用的，那么想让表格居中，就可以在css中设置标签。比如table{ margin: 0 auto}，表格就可以自动居中。

还有就是可能不同浏览器对于长度宽度的解释不同，其他的还好，要是在火狐中，div就给挤破了，就会错位，或者大小不够。

那么这种情况就可以用div {margin:0 autooverflow:hidden}这句了，overflow:hidden这句就是把多余的隐藏了，如果你设定了固定高度。但这样一般的一般的时候，height:auto,高度都是设为自动的。当然具体情况还要具体再考虑。

还有就是火狐浏览器比ie会把宽度多解释两个像素，这样挤破就不可避免了，这样只须要在宽度后面加入width:100px!importantwidth:98px，因为在ie中!importantwidth:98px这句它会忽略的，只解释前面，而火狐不会忽略后面的，宽度就是98+2=100px了。

还有在火狐中margin:5px或者margin-top: 10px是不管用的，其实，只在这条css里面面加入float就可以了。例如：

#kk {float: leftheight: autowidth: 940px!importantwidth:938pxborder: 1px solid #CCCCCCmargin-bottom:40pxdisplay:inline}。

还有margin:5pxIE下理解为10px，是实际的2倍，display:inline下再理解为5px，火狐是按实际像素显示的，这样就造成了差别。

还有很多，像javascript等的输出，但最多用到的可能是这些。

---