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

看解释看得有点懵

这个好绕哦,有木有更通俗的解释呢?

正在回答

2 回答

https://www.imooc.com/qadetail/296850 这个解释的很清楚。

div层的css代码作用是将div层左端,右移至窗口的平分线(最中心)

ul层的css代码则是将ul层左端,以窗口的平分线为原点,相对父元素(div)左移50%,也就是让ul层的平分线与div层的左端重合(窗口的平分线)

此时li身为ul的子元素,已经居中(平分线与窗口平分线重合),float与display的作用只是将3个块状元素li放置于一行,你只设置float:left或者display:inline都是可以的。

这只是我个人的见解,如果有错误请帮忙指正,个人感觉教程的解释是错误的


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

Eric_Cheung

这个解释的很清晰
2019-02-21 回复 有任何疑惑可以回复我~
#2

LouisDuan

你说ul相对于父元素左移50%;relative是相对于自己移动的吧?把ul的relative改成absolute才是相对父元素,个人见解请指教
2019-03-28 回复 有任何疑惑可以回复我~

没看懂,不理解

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

举报

0/150
提交
取消

看解释看得有点懵

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信