关于使用web前端编写一个赛车小游戏所遇到的一些小问题(赛车篇1)

关于绝对定位和相对定位

为了使赛车能够在赛道中找到自己的定位,并且能用键盘方向键控制赛车位置的变换,需要用到绝对定位和相对定位语言。

难点(新知识点):绝对定位

#box_relative {

position: absolute(绝对);

left: 30px;

top: 20px;}

相对定位

#box_relative {

position: relative(相对);

left: 30px;

top: 20px;}

相对定位是“相对于”元素在文档中的初始位置。

而定位的元素,是根据如下规则进行寻找参考点的:

先找父元素,如果父元素 设置了 定位方式(position)

那么就以它为参考点,

否则,就继续找上面的元素,

直到找到一个设置了position 的为止。

如果不存在已定位的父元素,那么“相对于”最初的包含块(即HITM)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,814评论 1 92
  • 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术,很大程序上取决于内容和目标页面,因为有很多技术比别人...
    lulu_c阅读 1,116评论 0 5
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 965评论 0 1
  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 1,310评论 0 3
  • 那年那时 人去楼空 繁华落尽 墙外雨点欲续还休 墙上灰白交错 或脱落成片,或星星点点 不知是否是今夏的雨水绵绵 为...
    依梦相回阅读 485评论 9 10