day05

今天學(xué)到的

相對定位篮条,絕對定位
position:relative;absolute;
//相對定位就是元素對于整個網(wǎng)頁位置是正常的;
//絕對定位就是子元素相對于父元素的位置(離他最近的父元素);
//傳參有:top:;bottom:;left:;right:;
垂直水平居中
.parent{
position:relative;
height:300px;
width:300px;
background:red;
}
.child{
position:absolute;
height:50px;
width:50px;
background:green;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-25px;
}
banner
//子元素的top,left值給的百分比是相對于父元素
html,body{
height:100%;
width:100%;
}
img{
height:指蚜;
width:;
position:absolute卸勺;
top:50%奸焙;
left:50%;
}
body{
position:relative献烦;
}
position:z-index;//z-index設(shè)置給了absolute定位元素的堆疊順序
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末滓窍,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子巩那,更是在濱河造成了極大的恐慌吏夯,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件即横,死亡現(xiàn)場離奇詭異噪生,居然都是意外死亡,警方通過查閱死者的電腦和手機东囚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門跺嗽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人页藻,你說我怎么就攤上這事桨嫁。” “怎么了份帐?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵璃吧,是天一觀的道長。 經(jīng)常有香客問我弥鹦,道長肚逸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任彬坏,我火速辦了婚禮朦促,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘栓始。我一直安慰自己务冕,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布幻赚。 她就那樣靜靜地躺著禀忆,像睡著了一般臊旭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上箩退,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天离熏,我揣著相機與錄音,去河邊找鬼戴涝。 笑死滋戳,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的啥刻。 我是一名探鬼主播奸鸯,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼可帽!你這毒婦竟也來了娄涩?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤映跟,失蹤者是張志新(化名)和其女友劉穎蓄拣,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體申窘,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡弯蚜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了剃法。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡路鹰,死狀恐怖贷洲,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情晋柱,我是刑警寧澤优构,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站雁竞,受9級特大地震影響钦椭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜碑诉,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一彪腔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧进栽,春花似錦德挣、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽番挺。三九已至,卻和暖如春屯掖,著一層夾襖步出監(jiān)牢的瞬間玄柏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工贴铜, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留粪摘,地道東北人。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓阀湿,卻偏偏與公主長得像赶熟,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子陷嘴,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,465評論 2 348

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

  • 一映砖、定位基礎(chǔ) 1.1 定位的作用 吸引用戶眼球 方便交互3)并非用來布局,僅僅是盒子的小修飾。 1.2 定位的語法...
    Threejs開發(fā)者閱讀 236評論 0 1
  • 今天學(xué)到了什么 盒子的模型 橫線 背景圖片灾挨、 要注意 float float和父元素 導(dǎo)航的幾種做法 -1 li的...
    fengwenchao閱讀 181評論 0 1
  • A我今天學(xué)習(xí)到了什么 1溫習(xí)day04的知識點 1.1.盒子模型 1.2.浮動float 1.3.定位:posit...
    塵榆騾厭閱讀 160評論 0 0
  • 今天我學(xué)到了什么邑退? 1.元素水平垂直居中的方法 父元素設(shè)置parent{position:relative} 子元...
    余昌帥閱讀 189評論 0 0
  • 我都快忘了 點著燈的回憶 肆無忌憚 拉扯我緩慢爬行的黑影 烙上光陰的印記 我都快忘了 駝著背的墨跡 狂放無禮 涂鴉...
    柳小落閱讀 209評論 0 0