如何让对象居中？

为什么position:fix的时候，居中要：

    position:fixed;
    margin:0 auto;
    left:0;
    right:0;

为什么只是以下这样无法实现？还要加上left，right才行？

position:fixed;
margin:0 auto;

TaraTara 2020-03-16

源自：CSS定位（position） 2-14 编程练习

22

收起

2回答

好帮手慕糖 2020-03-18 09:48:56

同学你好，这是margin:0 auto;的特点。只能在正常的文档流直接使用，脱离文档流的要结合left、right使用。

祝学习愉快~

好帮手慕糖 2020-03-16 12:10:40

同学你好，因为设置了固定定位，脱离文档流，不能直接使用margin:0 auto;设置居中了，要结合left与right。

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

提问者 TaraTara #1

老师，请问为什么脱离文档流，就不能直接使用margin:0 auto;设置居中呢？

2020-03-18 04:35:50
啥子也回复提问者 TaraTara #2

因为position:fixed的特性就会使元素脱离文档流，当元素脱离常规流之后，只设置margin:auto;就不起作用了。

2020-03-20 11:39:41

相似问题

如何让文字垂直居中？如何让六个元素居中？

placeholder如何居中？

option和select中文本如何居中对齐

老师看下如何让container居中

stats区如何让图片和文字都居中对齐

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号