关于position的绝对定位和margin的问题

来源:2-14 编程练习

学习plus

2020-03-26 10:53:26

设置绝对定位或者固定定位后,margin 0 auto就不起效果,但是margin-left还是可以起作用的。为啥auto失效了不能自动填充了

写回答

1回答

好帮手慕星星

2020-03-26

同学你好,如果设置定位后只是用margin:0 auto;实现居中没有效果。因为定位后的元素脱离文档流,不会再自动计算了。需要设置方位属性才可以,例如:

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

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

这是水平和垂直方向都居中的,如果只想要水平或者垂直方向居中,设置相对应的方位就好。例如:

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

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

自己测试理解下,祝学习愉快!

0

0 学习 · 40143 问题

查看课程