關于使用web前端編寫一個賽車小游戲所遇到的一些小問題(賽車篇1)

關于絕對定位和相對定位

為了使賽車能夠在賽道中找到自己的定位筋搏,并且能用鍵盤方向鍵控制賽車位置的變換翔始,需要用到絕對定位和相對定位語言滥嘴。

難點(新知識點):絕對定位

#box_relative {

position: absolute(絕對);

left: 30px;

top: 20px;}

相對定位

#box_relative {

position: relative(相對);

left: 30px;

top: 20px;}

相對定位是“相對于”元素在文檔中的初始位置售碳。

而定位的元素匈勋,是根據(jù)如下規(guī)則進行尋找參考點的:

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

那么就以它為參考點庆揩,

否則俐东,就繼續(xù)找上面的元素,

直到找到一個設置了position 的為止订晌。

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

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末锈拨,一起剝皮案震驚了整個濱河市砌庄,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌奕枢,老刑警劉巖娄昆,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異缝彬,居然都是意外死亡萌焰,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進店門谷浅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來扒俯,“玉大人,你說我怎么就攤上這事一疯『承” “怎么了?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵墩邀,是天一觀的道長掌猛。 經(jīng)常有香客問我,道長磕蒲,這世上最難降的妖魔是什么留潦? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮辣往,結果婚禮上兔院,老公的妹妹穿的比我還像新娘。我一直安慰自己站削,他們只是感情好坊萝,可當我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著许起,像睡著了一般十偶。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上园细,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天惦积,我揣著相機與錄音,去河邊找鬼猛频。 笑死狮崩,一個胖子當著我的面吹牛蛛勉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播睦柴,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼诽凌,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了坦敌?” 一聲冷哼從身側響起侣诵,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎狱窘,沒想到半個月后杜顺,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡训柴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年哑舒,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片幻馁。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡洗鸵,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出仗嗦,到底是詐尸還是另有隱情膘滨,我是刑警寧澤,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響卿叽,放射性物質發(fā)生泄漏帝火。R本人自食惡果不足惜嵌牺,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦纤勒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至恐仑,卻和暖如春泉坐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背裳仆。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工腕让, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人歧斟。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓纯丸,卻偏偏與公主長得像司训,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子液南,可洞房花燭夜當晚...
    茶點故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,743評論 1 92
  • 當在這一個頁面上實現(xiàn)布局和定位有幾種不同的技術勾徽。使用哪種技術滑凉,很大程序上取決于內(nèi)容和目標頁面,因為有很多技術比別人...
    lulu_c閱讀 1,049評論 0 5
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中喘帚,這個css樣式文件以“.css...
    KunMitnic閱讀 933評論 0 1
  • CSS格式化排版 1畅姊、字體 我們可以使用css樣式為網(wǎng)頁中的文字設置字體、字號吹由、顏色等樣式屬性若未。下面我們來看一個例...
    張文靖同學閱讀 1,282評論 0 3
  • 那年那時 人去樓空 繁華落盡 墻外雨點欲續(xù)還休 墻上灰白交錯 或脫落成片,或星星點點 不知是否是今夏的雨水綿綿 為...
    依夢相回閱讀 459評論 9 10