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

HTML!绝对定位! 谢谢!

为什么position:absolute; bottom:0 之后box4就跑上来了? box3为什么要绝对?bottom是什么意思?谢谢?

http://img1.sycdn.imooc.com//567d08ae000167c408830648.jpg

正在回答

3 回答

absolute属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。在例题中,box3是box4的父元素,且设置了相对定位,那么box4绝对定位的top,right,bottom,left属性就是相对于box3的,而不是相对于祖元素(可以理解为浏览器)。bottom是底部的意思,bottom:XX px;的意思为以底部为准线,向上移动XX距离。这个例子中,bottom:0;表示box3以box4的底部为基准,向上移动了0个单位,也就是跟box4的底部重合了。不知道这样解释你能明白不

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

SuperManSuperWorld 提问者

非常感谢!
2015-12-29 回复 有任何疑惑可以回复我~

box3绝对了,box4才好相对它去调整位置,bottom是底部的意思。

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

box3绝对了,box4才好相对它去调整位置,bottom是底部的意思。

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

SuperManSuperWorld 提问者

底部为什么是0啊 感觉跟没改一样啊?
2015-12-25 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225987    人
  • 解答问题       18235    个

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

进入课程

HTML!绝对定位! 谢谢!

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