IE和firefox中盒模型居中的，代码不一样，怎么回事？
<title>无标题文档</title><styletype="text/css">body{font-family:Arial,Helvetica,sans-serif...
<title>无标题文档</title>
<style type="text/css">
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
}
#qq1 {
width:500px;
height:300px;
background-color:#000099;
border:1px solid #00FF00;
color:#FFFFFF;
margin:0 auto;
}
</style>
</head>
<body>
<div id="qq1">盒模型一</div>
-----------------------------------------------
为什么，我在firefox里去掉这一段 margin：0 auto 盒模型就不居中了啊
而在IE浏览器中去掉这一段，它仍然居中！！！
哪位解释下啊！！！！~ 展开
<style type="text/css">
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
}
#qq1 {
width:500px;
height:300px;
background-color:#000099;
border:1px solid #00FF00;
color:#FFFFFF;
margin:0 auto;
}
</style>
</head>
<body>
<div id="qq1">盒模型一</div>
-----------------------------------------------
为什么，我在firefox里去掉这一段 margin：0 auto 盒模型就不居中了啊
而在IE浏览器中去掉这一段，它仍然居中！！！
哪位解释下啊！！！！~ 展开
2个回答
展开全部
您好，感谢您对火狐的支持
这是各个浏览器的 hack 差异造成的，marin:0 auto;他的意思是外边距上下为零，左右为自动，而在IE显示为居中是因为你的body 定义了 tex-align:center; 他的意思是:文本居中显示。
您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
这是各个浏览器的 hack 差异造成的，marin:0 auto;他的意思是外边距上下为零，左右为自动，而在IE显示为居中是因为你的body 定义了 tex-align:center; 他的意思是:文本居中显示。
您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
