关于使用web前端编写一个赛车小游戏所遇到的一些小问题(赛车篇1
2017-09-11 本文已影响0人
前端萌新zk
关于绝对定位和相对定位
为了使赛车能够在赛道中找到自己的定位,并且能用键盘方向键控制赛车位置的变换,需要用到绝对定位和相对定位语言。
难点(新知识点):绝对定位
#box_relative {
position: absolute(绝对);
left: 30px;
top: 20px;}

相对定位
#box_relative {
position: relative(相对);
left: 30px;
top: 20px;}

相对定位是“相对于”元素在文档中的初始位置。
而定位的元素,是根据如下规则进行寻找参考点的:
先找父元素,如果父元素 设置了 定位方式(position)
那么就以它为参考点,
否则,就继续找上面的元素,
直到找到一个设置了position 的为止。
如果不存在已定位的父元素,那么“相对于”最初的包含块(即HITM)。