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

子元素设置 position:relative 和 left:-50%

子元素设置成这样不应该又回到最左边了吗，为什么会实现水平居中，虽然最后效果是实现了水平居中，可是为什么呢

我要吃冰激凌

2016-03-01

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

关注问题我要回答

864

操作

收起

3 回答

Eason_Mar 回答被采纳 +3 积分
2016-03-02

注：是缩紧块的width，而不是锁紧

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

收起回答

我要吃冰激凌提问者

非常感谢！

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

Eason_Mar
2016-03-02

块状元素有一个特点之一：在不设置宽度的情况下，显示为父容器的100%
left : 50%表示移动距离为父辈容器宽度的50%
float会使块级元素的宽度锁紧（float元素自身设计原理导致）
具体见下图：

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

收起回答

qq_WN_3

真的是神一样的指导，清晰又透彻

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

Robin_Jang

神回复！

2016-04-27 回复有任何疑惑可以回复我~

天使猪下凡
2016-03-01

前面讲过left:50px表示距离左边50像素的距离，而%表示的是整个屏幕的百分比，那么距离屏幕左边50%刚好是中间。我是这样想的。

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

收起回答

我要吃冰激凌提问者

父元素设置成 position:relative 和 left:50%已经到中间了，子元素left:-50%不应该又回到左边了吗

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

一一欧尼回复我要吃冰激凌提问者

父元素移动的50%是body的50%,子元素移动的50%是父元素的50%所以怎么可能又回到最左边呢。

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

0/150

提交

取消

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

参与学习 1227406 人
解答问题 18248 个

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

进入课程

本课相似问答

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

2 回答为什么父元素要position:relative;？我父元素和子元素都position:absolute;好像效果都一样？

2 回答父元素和子元素

2 回答设置子元素选择器，为什么子元素和孙元素颜色样式都会有变化

1 回答父元素和子元素的问题

搜索更多本课相关问答

子元素设置 position:relative 和 left:-50%

我要回答关注问题

热搜

最近搜索清空

子元素设置 position:relative 和 left:-50%

3 回答

本课相似问答

子元素设置 position:relative 和 left:-50%