css 设置问题 body不能居中
<html><head><styletype="text/css">body{width:600px;height:400px;margin:0auto;padding:...
<html>
<head>
<style type="text/css">
body {
width:600px;
height:400px;
margin:0 auto;
padding:0px;
border:1px solid green;
}
</style>
</head>
<body>
</body>
<html>
firefox中body居中。 ie中不居中，且设置的长宽无效，看不到边框。怎么回事？是什么原理造成这样的差异？ 展开
<head>
<style type="text/css">
body {
width:600px;
height:400px;
margin:0 auto;
padding:0px;
border:1px solid green;
}
</style>
</head>
<body>
</body>
<html>
firefox中body居中。 ie中不居中，且设置的长宽无效，看不到边框。怎么回事？是什么原理造成这样的差异？ 展开
5个回答
展开全部
你的写法在不同浏览器下有不同效果。
1.在ie6下因为你设置了body，text-align:center;，所以div以其最左侧为基准居中，也就是div最左上角那点为基准来居中。
2.在火狐下不支持text-align:center;所以直接在页面左侧，你会发现不是挨着浏览器边框，是因为网页自身默认内容部分有一定的边距，你只有把边距设为0，才会真正的挨着浏览器的边框，这就是所有body里都有margin:0;这个属性的原因。
1.在ie6下因为你设置了body，text-align:center;，所以div以其最左侧为基准居中，也就是div最左上角那点为基准来居中。
2.在火狐下不支持text-align:center;所以直接在页面左侧，你会发现不是挨着浏览器边框，是因为网页自身默认内容部分有一定的边距，你只有把边距设为0，才会真正的挨着浏览器的边框，这就是所有body里都有margin:0;这个属性的原因。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
头部声明不对，没有dtd信息~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
margin:0 auto;这句IE是不认的，在body里面加一句：
body{text-align:center;}
body{text-align:center;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不同浏览器对css的解析不一样
ie对body标签的解析不支持width和height属性,而FF支持
ie对body标签的解析不支持width和height属性,而FF支持
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
