为了账号安全,请及时绑定邮箱和手机立即绑定

最赞回答 / petersun
使course-fixed表现得像内联元素,但是text-align:right并不能对它起作用,而是对那个空格起作用,将空格定位在最右边。course-fixed成为内联元素后,可以与空格在同一行,但是由于空格已经在最右边了,所以如果course-fixed不加absolute的话,还是会被挤到下一行去。但是需要注意的是,此时course-fixed的“原本位置”还是紧跟在空格后面,只是在显示时到了下一行。所以,加了absolute后,course-fixed就紧跟在空格后面,而且出线在外面去了。

最赞回答 / 猪脚啦
主要是after和before没有理解吧,你可以大致理解为有三层div最外面就是list一层,中间是list:before一层,最里面当然就是after的了最外面一层负责隔离,加上relative,把各个层给分割开来,因为我们知道absolute没把他们分开是会重叠在一起的,而且不加上relative会使得相对目前的窗口,那么你就只能看到一个大格子了中间那层就是老师讲的那样最里面的就是用来摆弄里面的文字,因为这里的布局在html都不怎么重要,所以选择了after和before的方法

最赞回答 / 猪脚啦
这里有css选择器,经常会用到,建议看看 http://www.w3school.com.cn/cssref/css_selectors.asp

最赞回答 / 慕渣渣
他只是利用了absolute的跟随性,然后并没有具体的利用top和left去相对于最近的relative去定位。 。利用跟随性,然后用margin去调整位置。

最新回答 / Thinker_Ac
可以多去看看张老师的博客啊,非常赞,很多好文www.zhangxinxu.com

最赞回答 / moonload
原理跟上一篇是一样的,把ul作为第一个子元素的话,ul默认就显示在父级的最左上边,但这个ul由于设置了absolute,所以不占据宽高, 那ul后面的input就会在ul的位置上(当ul不存在一样),这个时候再通过margin-top就能把ul移到下面去了,刚好达到想要的效果。
课程须知
虽说是深入,实际更适合鲜肉小伙伴
老师告诉你能学到什么?
absolute基本特性的感性认知。absolute可能的理解误区纠正。absolute诸多高级技巧的应用实例。absolute在移动web布局中的大放异彩。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消