css中,“margin:0 auto”和margin-top是冲突的吗?

2024年11月15日 06:36
有5个网友回答
网友(1):

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

网友(2):

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; 就行了
希望我的回答对你有帮助
详细可以参考我的博客

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

网友(3):

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

网友(4):

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

网友(5):

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