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

left:50%和-50%的理解

其实这个方法的思路是这样的：要让元素居中就给他left50%好了。可是元素本身还有宽度，left50%之后元素的左边位于页面的中间而不是元素本身。所以就给元素加一个包裹层，让这个包裹层left50%，然后要居中的元素本身只要相对于他的包裹层再左移50%即left-50%就行了。

梦灵花儿

2015-06-25

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

关注问题我要回答

15835

操作

收起

16 回答

聂博几
2019-08-01

你图画错了

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

收起回答

吃牙膏的怪兽
2017-12-02

厉害啊

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

收起回答

Levier007
2017-08-13

很棒的回答

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

收起回答

liuyangstudio
2017-05-15

一看就理解了

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

收起回答

qq_小马过河_8
2017-04-13

这个解释真的很容易理解

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

收起回答

慕粉3689287
2016-08-21

赞，太棒了

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

收起回答

宝慕林5985537
2016-07-31

好棒，一看这解释就懂了。

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

收起回答

慕粉3510222
2016-06-18

还是不懂，不定宽块状元素不应该是占一行吗，怎么向右移动？不会移到外界去吗？

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

收起回答

风_起
2016-03-26

补充一点：只是子元素移动过去了，父元素的那个框的左边框还是和浏览器%50的位置对齐着。

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

收起回答

Justtao
2016-03-05

明白了厉害

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

收起回答

0/150

提交

取消

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

参与学习 1226040 人
解答问题 18236 个

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

进入课程

本课相似问答

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

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

1 回答transform: translate(-50%, -50%);语句无效，

3 回答cols="50"

搜索更多本课相关问答

left:50%和-50%的理解

我要回答关注问题

热搜

最近搜索清空

left:50%和-50%的理解

16 回答

本课相似问答

left:50%和-50%的理解