css中，“margin:0 auto”和margin-top是冲突的吗？ css中，“margin:0 auto”和margin-to...

css\u4e2d\uff0c\u201cmargin:0 auto\u201d\u548cmargin-top\u662f\u51b2\u7a81\u7684\u5417\uff1f

margin:0 auto\u201d\u548c\u201cmargin-top\u201d\u4e0d\u4f1a\u51b2\u7a81\uff0c\u53ef\u4ee5\u5728\u4e00\u4e2a\u540d\u79f0\u91cc\u540c\u65f6\u6dfb\u52a0\u8fd9\u4e24\u4e2a\u6837\u5f0f\u3002\u8fd9\u4e24\u4e2a\u6837\u5f0f\u4f1a\u6839\u636e\u5148\u540e\u987a\u5e8f\u6765\u51b3\u5b9a\u4f18\u5148\u7684\u663e\u793a\u6548\u679c\u3002\u4f8b\u5982\u5148\u5199\u7684\u662f\u201cmargin:0 auto\u201d\uff0c\u90a3\u4e48\u5373\u8868\u793a\u5916\u8fb9\u8ddd\u4e0a\u4e0b\u4e3a0\uff0c\u5de6\u53f3\u76f8\u7b49\uff0c\u7136\u540e\u5728\u540e\u9762\u53c8\u5199\u4e86\u4e00\u53e5\u201cmargin-top:20px\u201d\uff0c\u90a3\u4e48\u8fd9\u4e2a\u65f6\u5019\u5143\u7d20\u5c31\u4f1a\u51fa\u73b020\u50cf\u7d20\u7684\u4e0a\u8fb9\u8ddd\uff0c\u800c\u5176\u5b83\u7684\u5de6\u3001\u53f3\u3001\u4e0b\u8fb9\u8ddd\u4e0d\u53d8\u3002

margin:0 auto;
\u5176\u5b9e\u5c31\u662fmargin-top:0; margin-right:auto;margin-botto:0;margin-left:auto;
margin:0 auto; \u548cmargin-top\u540c\u65f6\u58f0\u660e\u7684\u65f6\u5019
\u76f8\u5f53\u4e8e\u58f0\u660e\u4e862\u6b21margin-top\u3002\u3002\u5728\u540e\u9762\u7684\u90a3\u6b21\u4f1a\u751f\u6548

是的，margin：0 auto 里面包含可margin-top。
1、margin：0 auto；的意思是margin-top：0 margin-bottom：0；左右的值为auto，效果就是水平居中。
2、margin的值的问题
margin: 其为四个值时左右区域是：上-右-下-左
一个值时作用于四边
两个值时第一个作用于上下第二个作用于左右
三个值时 上 左右 下

css中，“margin:0 auto”和margin-top是冲突的吗？
：margin:15%;
这个百分比是以最大的长或高来计算的，
一个意思margin-top:15%=margin-right15%=marging-left:15%;
因为height为：100%;所以margin-bottom是无效的，
你算下1024(宽）>768高（1024X768分辨率）,

1024X15%=153 margin-top=margin-bottom=margin-right=153明白滚动条的来由了吧，因为这时的hight就是768+153=921>768所以就有滚动条了
IE的盒子模型和firefox的盒子模型是不同的，详细可以看我的博客图片
因此margin的依据也就有所不同
其实IE也是支持w3c的标准模式的，只不过要在html文档中加一个DOCTYPE标签而已

IE中的水平居中是要在body中加入 text-align:center;的
而firefox只要求在要居中的元素加入 margin: 0 auto;
就会水平居中了（当然IE也要加）

要不出现滚动条就用 overflow:hidden; 就行了
希望我的回答对你有帮助
详细可以参考我的博客

熩嶙瑁佀乘桌刬倠状嘦朱浐澻朽佥

冲突的，但是不影响。哪个写在后面就用哪个。

当然冲突了！，你可以把margin分离的啊：按照
上右下左的顺时针方式去写：
margin:1px
2px
3px
4px;实际上就是
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;
如果你好要居中的话就这样写：margin:1px
auto
3px
auto;

margin:0 auto;
其实就是margin-top:0; margin-right:auto;margin-botto:0;margin-left:auto;
margin:0 auto; 和margin-top同时声明的时候
相当于声明了2次margin-top。。在后面的那次会生效

扩展阅读：css animation ... css中margin和padding ... gross margin ... css box-sizing ... css样式margin ... margin在css ... contribution margin ... css中margin四个值 ... water margin ...