                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

position:relative 和 left:50%

第三种：设置 position:relative 和 left:50%：利用相对定位的方式，将元素向左偏移 50% ，即达到居中的目的感觉这个不是居中啊？

阿崔cuicui

2017-10-13

源自：初识HTML(5)+CSS(3)-升级版 15-5

关注问题我要回答

869

操作

收起

1 回答

慕粉1326358466
2017-10-13

给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left: -50% 来实现水平居中。确实是水平居中的。

你试试，记得窗口最大化。

0 回复有任何疑惑可以回复我~

收起回答

韩亿元

子元素设置left:-50%的话，字都显示不出来了。如果是left:50%，感觉是在居中的位置又向右偏移了一些

2017-10-16 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226290 人
解答问题 18239 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

3 回答关于position:relative left:50%的问题？

3 回答transform: translate(-50%, -50%);

2 回答position:relative的问题

5 回答position:absolute的方位顺序是top right bottom left，为什么position:relative的方位顺序就要left在top前才显示效果

3 回答transform: translate(-50%, -50%);

搜索更多本课相关问答

position:relative 和 left:50%

我要回答关注问题

热搜

最近搜索清空

position:relative 和 left:50%

1 回答

本课相似问答

position:relative 和 left:50%