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

不理解相对定位和left操作如何达到的居中效果

我的理解是第一个container样式设置div相对它当前位置向右移动它百分之50的大小

container ul相对它当前-50%是啥意思？怎么就居中了呢？

qq_慕丝3076349

2018-12-13

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

关注问题我要回答

3278

操作

收起

15 回答

慕设计0219191 回答被采纳 +2 积分
2018-12-13

为了方便你看我用两个不一样大的<div> red是父 green是子

1.刚开始两个div都加上position：relative

2.父div left：50%，这时候父div左侧对齐了整个屏幕的中线

3.子div left:-50% 是相对其父元素左移50% 这时子div的中线对齐父div的左侧对齐整个窗口中线

从而子div中的内容在窗口居中

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

#1

qq_慕丝3076349 提问者

赞赞赞！

2018-12-13 回复有任何疑惑可以回复我~

#2

太棒了，恍然大悟

2019-02-25 回复有任何疑惑可以回复我~

#3

你好，请问div层的float：left又是什么用处呢？求教

2019-03-05 回复有任何疑惑可以回复我~

查看2条回复

ly今夕何夕
2019-08-05

6666666一直很懵逼，看到这里才看明白?

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

慕UI1245861
2019-04-27

谢谢啦

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

慕容818178
2019-03-09

教程是不定宽块状元素设置居中，不知道这个解答是不是也是不定宽的。

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

慕用6379211
2019-03-05

div层的float：left又是什么用处呢？求教

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

Eric_Cheung
2019-02-21

大佬大佬

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

宝慕林3178297
2019-02-20

唯一一个看懂了的解释感谢~

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

慕函数3054353
2019-02-12

谢谢！

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

weixin_慕容2404529
2019-02-06

讲得很清楚！！可是为什么要设置浮动呢？？

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

#1

你好，你知道为什么要父元素要设置做浮动吗？

2019-02-27 回复有任何疑惑可以回复我~

#2

这属于深入了解dom tree原理以后的知识，感兴趣可以学完dom tree以后翻翻《css世界》

2019-05-01 回复有任何疑惑可以回复我~

qq_慕慕9353456
2019-01-23

大佬,大佬!

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

首页上一页1 2 下一页尾页

举报

0/150

提交

取消

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

参与学习 1225411 人
解答问题 18231 个

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

本课相似问答

3 回答如何理解绝对定位和相对定位？？？

3 回答相对定位 right和bottom 与相对定位 left和top 的区别

1 回答关于绝对定位和相对定位的理解

1 回答这样理解绝对定位和相对定位对吗？

4 回答理解不来相对定位

搜索更多本课相关问答

不理解相对定位和left操作如何达到的居中效果

我要回答关注问题

意见反馈帮助中心 APP下载