关于偏移量的百分比

定位这边子元素在父元素居中如果设置偏移量是50%的话需要再减去自身宽度的一半，那为什么盒子模型中子元素移动50%就可以在父元素中居中呢？

慕容0138870 2018-09-13

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

0

收起

2回答

妮可妮可妮_ 2018-09-13 18:02:12

background-position 属性设置背景图像的起始位置。是基于背景图片中心点设置的,所以50%是居中显示,而定位是相对于父级元素的百分之五十,

提问者慕容0138870 #1

emmm~~好像明白了。背景图片是以图片的中线的上下左右移动来确定百分比的。这个规则有一点抽象了。不像定位这个这么容易理解。

2018-09-13 20:08:15

妮可妮可妮_ 2018-09-13 14:13:56

那为什么盒子模型中子元素移动50%就可以在父元素中居中呢？

这句话老师可能理解的有些问题,建议同学将代码上传,以便更好的测试和解决问题

提问者慕容0138870 #1

不好意思，说错了，不是盒模型中，是在背景图片定位中，为什么那里写50%就是居中了？

2018-09-13 16:54:39

相似问题

垂直居中使用百分数的问题

渐变百分比大于等于25%时

在CSS定位中使用偏移量是不是只有top、right、left、bottom这几个属性？

关于postion

vertical-align的百分比值是基于font-size还是line-height？

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

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载