为什么在子元素里直接设置margin:0 auto不会产生效果?

来源:2-8 position-absolute(实际工作用的最多,同时也相对比较难)

pine小松

2020-03-09 21:37:38

只有在设置left:0

right:0后才有效果呢?


写回答

3回答

好帮手慕码

2020-03-10

同学你好,在设置定位的情况下,只设置margin: 0 auto;的话,是不会居中的:

http://img.mukewang.com/climg/5e66f017096eaadb03270344.jpg

效果:

http://img.mukewang.com/climg/5e66f01f09180c2003610342.jpg

同学可以自己试一下,祝学习愉快~

2

好帮手慕码

2020-03-10

同学你好,添加“left:0;right:0” 的作用类似于拔河效应,盒子设置left:0 ;想要让它显示在左边 ,设置了right:0,又想要让它显示在右边 。两边都在拉它 ,这个时候出现margin:0 auto; 我直接在中间好了。

如果我的回答帮助到了你 欢迎采纳 祝学习愉快~

0
hine小松
h 为什么不直接margin:0 auto居中呢?
h020-03-10
共1条回复

慕移动7167533

2020-03-09

我也有这个问题,留个名,在做红色中间不动条框的时候,一会来看

0

0 学习 · 40143 问题

查看课程