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

-50不能理解 ?

-50什么意思？如果开始父级已经相对body移动了50 这样可以的话为什么不直接让子级也相对body往后边移50 不就好了另外body默认位置在哪里？是不是按上边理解在最左边？

NNevercurtain

2016-03-08

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

关注问题我要回答

647

操作

收起

3 回答

我们的洗手间
2016-03-13

为什么要向左浮动，这个请看下图（点击查看大图）

其中黑色的边框是container，红色的边框是ul。

我们看到container移动到了距离左边边框50%的位置上，这个位置上，container的左边框在页面正中间，但是container的中心不在中轴线上。

因此，需要将ul向左移动半个container的距离，才能够使得内容真正居中。

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

收起回答

忘忧里

看了这么多回答，看你的才看明白，十分感谢

2016-03-23 回复有任何疑惑可以回复我~

bonus66

棒棒哒

2016-03-26 回复有任何疑惑可以回复我~

Swibinchter

厉害，之前一直想不通

2016-03-30 回复有任何疑惑可以回复我~

EstellaLi
2016-03-11

body的默认位置是最左边。请注意，首先将父级元素（container）的float值设置为left，设置为向左浮动时，元素的宽度是根据内容的大小来变更的，说白了就是写了多少内容就有多宽（width）。ul的-50%是一个相对概念，是相对于其父级元素container来说的。由于container已经将位置移动到了中轴线上，子元素相对于其父元素宽度的50%向左移动，最终实现了居中显示。

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

收起回答