資訊專欄INFORMATION COLUMN
摘要：如果元素沒有已定位的祖先元素，那么它的位置則是相對于最初的包含塊。
相對定位
相對定位：position:relative;
相對定位：相對定位是相對于元素在文檔中的初始位置——首先它出現(xiàn)在它所在的位置上（即不設(shè)置position時的位置，然后通過設(shè)置垂直或水平位置，讓這個元素“相對于”它的原始起點進行移動；
?
注意，在使用相對定位時，無論是否進行移動，元素仍然占據(jù)原來的空間。因此，移動元素會導(dǎo)致它覆蓋其它框。
?
例如：
.box1{
? position: relative;
? left: 30px;
? top: 20px;
}
?
?
絕對定位
絕對定位：position:absolut;
絕對定位：絕對定位是相對于元素最近的已定位的祖先元素（即是設(shè)置了絕對定位或者相對定位的祖先元素）。如果元素沒有已定位的祖先元素，那么它的位置則是相對于最初的包含塊（body）。
絕對定位本身與文檔流無關(guān)，因此不占空間，普通文檔流中的元素的布局就當絕對定位的元素不存時一樣，所以 它們可以覆蓋頁面上其他的元素，且可以通過z-index屬性來控制這些層的對方順序。
?
?
例如：
.box2{
? position: absolute;
? left: 30px;
? top: 20px;
}
?
?
特此聲明：如需轉(zhuǎn)載請注明出處，如有疑問請及時提出以便于改正，如有侵權(quán)，聯(lián)系刪除，謝謝文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/1595.html
摘要：那你們肯定會問為什么共用，而沒有共用呢，下面就給你解釋，請看引用類型是共用的值類型是私用的。 引言 面向?qū)ο蟮木幊陶Z言都具繼承這一機制,而 JavaScript 是基于原型(Prototype)面向?qū)ο蟪绦蛟O(shè)計,所以它的實現(xiàn)方式也是基于原型(Prototype)實現(xiàn)的. 繼承的方式 類式繼承 構(gòu)造函數(shù)繼承 組合繼承 原型式繼承 寄生式繼承 寄生組合式繼承 1.類式繼承 //聲明父...
摘要：引言創(chuàng)建即繼承構(gòu)造函數(shù)繼承何為構(gòu)造函數(shù)如果你還不清楚構(gòu)造函數(shù)和普通函數(shù)的區(qū)別那請看構(gòu)造函數(shù)與普通函數(shù)構(gòu)造函數(shù)繼承構(gòu)造函數(shù)繼承的核心是或的使用通過這個方法改變函數(shù)的作用環(huán)境為父類添加方法聲明子類子類通過將子類中的變量在父類中執(zhí)行了一遍由 引言 創(chuàng)建即繼承---構(gòu)造函數(shù)繼承 何為構(gòu)造函數(shù)?如果你還不清楚構(gòu)造函數(shù)和普通函數(shù)的區(qū)別,那請看JavaScript構(gòu)造函數(shù)與普通函數(shù) 構(gòu)造函數(shù)繼承 構(gòu)...
摘要：一段感悟在說圖像映射之前先說一段最近動態(tài)。正題圖像映射指的是分割一塊圖像使得分割的每一部分都能單獨有一個鏈接地址。而且瀏覽器會忽略超過圖片界限的坐標。 一段感悟 在說圖像映射之前先說一段最近動態(tài)。最近稍稍的深入學(xué)了一段時間的htnl與css，應(yīng)該算是在打基礎(chǔ)，其實在打基礎(chǔ)之前我已經(jīng)學(xué)習(xí)了一段時間js，jquery，backbone，angularJs，當時也知道要打好基礎(chǔ)在去學(xué)習(xí)其他內(nèi)...
閱讀 1133·2021-10-27 14:15
閱讀 2841·2021-10-25 09:45
閱讀 2021·2021-09-02 09:45
閱讀 3411·2019-08-30 15:55
閱讀 1881·2019-08-29 16:05
閱讀 3289·2019-08-28 18:13
閱讀 3155·2019-08-26 13:58
閱讀 499·2019-08-26 12:01
