父级设置了宽的百分比，子级的居中怎么设置?

父级设置了宽的百分比100%，子级的居中怎么设置?

慕工程1507747 2019-11-07

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

5

收起

2回答

好帮手慕糖 2019-11-07 17:01:09

同学你好，同学的样式只设置了一半哦，上次也有说到，如下，还需要将div在往左移动div一半的距离。

可以设置margin-left属性，值为自身宽度的一半，例：

如果能帮助到你，欢迎采纳。

祝学习愉快！

好帮手慕糖 2019-11-07 14:12:12

同学你好，定位的时候页面中水平居中显示，那需要设置左边为50%，但是设置完了之后会发现红色的div块并没有居中，此时我们就需要将div块再向左移动div块一半的距离；

任务中也有提示哦，例：

希望能帮助到你，祝学习愉快！

提问者慕工程1507747 #1

那我也没整明白、。。。。这块咋写？

2019-11-07 14:15:08
提问者慕工程1507747 #2

还有我设置left: 50%; 这个之后也没有完全居中。。。。。。。

2019-11-07 14:20:16
提问者慕工程1507747 #3

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding:0; } .test{ width: 300px; height: 100px; background: red; position:fixed; left: 50%; /*此处写代码*/ } .out{ width: 100%; height: 2000px; background-color: #abcdef; position: relative; </style> </head> <body> <div class="out"> <div class="test"></div> </div> </body> </html>

2019-11-07 14:20:36

相似问题

CSS中宽高设置百分比

请问我把.left,.right.middle的height值都设置成100%，为什么不显示了？

为什么设置为行内块无法设置文字居中，必须要块级元素

在百分比的设置上存疑

父盒子里的子元素设置了绝对定位，父元素高度为0

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

1.前端零基础入门

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

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

本课精华内容

问答作业

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

16 1

请老师检查

65 3

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

26 3

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

18 1

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

188 1

查看更多本课问答

请稍等 ...

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

帮助反馈 APP下载

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

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