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

大神看看这个代码

.wrap{margin-top:20px; float:left; position:absolute; left:50%;} .wrap-center{ list-style:none; background:#ccc; position:relative; right:50%;} 为什么父元素用position：relative？这样结果出来不对啊，我用absolute正好。理解不了

Mark_孟8

2016-07-04

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

关注问题我要回答

174

操作

收起

2 回答

qq_慕哥832599
2016-07-05

对.wrap绝对定位或者相对定位最后结果都是一样的

0.因为.wrap的CSS目的是让.wrap右移50%

1.用absolute就是相对body让.wrap右移了body的width的50%

2.用relative就是相对.wrap原来的位置往右移了.wrap的width的50%

3.因为.wrap和body开始时的width一样，所以最后结果是一样的

<br />

不知道你理解了没有，还有.wrap-center中的list-style:none是什么鬼

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

#1

qq_茶神归来_03552782

list-style:none 是去掉li 无序列表前面的点，做网页的时候不需要那个点，那是自带的样式

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

#2

qq_慕哥832599 回复 qq_茶神归来_03552782

这我知道啊我是说wrap-center中哪来的list。

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

是你小子
2016-07-04

相对是相对于body，也就是浏览器边框，后面的绝对定位是相对于这个父元素

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

举报

0/150

提交

取消

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

参与学习 1227053 人
解答问题 18247 个

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

本课相似问答

8 回答求大神看看

1 回答大神来看看

2 回答求大神帮我看看我的代码写的对吗？

1 回答那位大神能教我这个里面的代码如何看不？

5 回答大佬们帮我看看这段代码

搜索更多本课相关问答

大神看看这个代码

我要回答关注问题

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

帮助反馈 APP下载

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

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