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

不定宽快状第三种对齐方式（求大神指点）

【个人理解（知道对不）：先把div设置为浮点（float），左对齐，然后向右移动50%，等于此时div的左端和屏幕的平分线对齐，然后ul无间隙处在div之中，-50%即向左偏移50%，等于ul中间线与与div的左端对齐，而li又处在ul之中平均分布，所以刚好居中】

----------求指点-------------

装完B就跑_真刺激

2016-07-22

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

关注问题我要回答

941

操作

收起

2 回答

dreamer2015
2016-07-22

你画个图比较好理解肯呢个，首先是两个div，外层包含内层，然后外层的设置了float：left 左对齐和屏幕最左边紧贴，然后设置了position：relative ；left：50% 就是相对于这层div 的父元素，向右移动父元素的50%（该例子里就是浏览器）,此时你可以想想外层的div最左边应该是和浏览器的中线贴合了是吧，然后你在设置内层div left：-50%；此时内层也是position：relative；就是跟他外层的div最左边向左便宜50%，那这样就是内层div的中线就和浏览器的中线对齐了这样才算水平居中。

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

#1

装完B就跑_真刺激提问者

谢谢你的回答，还想问下：你说的这个内层div，不是可以理解为我这个例子中的ul层？关于这个relative相对定位，是如果设置了这个属性，子元素和父元素是什么关系呢？里面的子元素也会随之父元素的偏移而便偏移吗？第二层div好像没设置relative这个属性，但是也跟着第一个div偏移了！拜托了！！

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

Funtastic
2016-07-22

对，整个元素偏移了，再把子元素偏移取消

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

#1

而且这个便宜属性应该是继承的，所以子子元素也会跟着子元素偏移过去再偏移回来

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

#2

装完B就跑_真刺激提问者回复 Funtastic

谢谢你的回答，还有点不明白，关于这个relative，你的意思是第一层div设置了relative这个属性，后面ul，和li会继承吗？但是在li里面也设置了这个属性啊，关于relative这个相对定位，设置后，他的子父元素的偏移情况是怎样的？？

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1231844 人
解答问题 19087 个

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

本课相似问答

3 回答求大神指点！

2 回答求大神指点

1 回答求大神指点

1 回答求大神指点

3 回答边框宽度指的是？求大神指点迷津

搜索更多本课相关问答

不定宽快状第三种对齐方式（求大神指点）

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号