四種定位模式簡單總結

2021-09-26 09:23:14 字數 708 閱讀 7097

定位模式

是否脫標占有位置

是否可以使用邊偏移

移動位置基準

靜態static

不脫標,正常模式

不可以正常模式

相對定位relative

脫標,占有位置

可以相對自身位置移動(自戀型)

絕對定位absolute

完全脫標,不占有位置

可以相對於定位父級移動位置(拼爹型)

固定定位fixed

完全脫標,不占有位置

可以相對於瀏覽器移動位置(認死理型)

跟 浮動一樣, 元素新增了 絕對定位和固定定位之後, 元素模式也會發生轉換, 都轉換為 行內塊模式,

行內塊 的寬度和高度 跟內容有關係

因此 比如 行內元素 如果新增了 絕對定位或者 固定定位後 浮動後,可以不用轉換模式,直接給高度和寬度就可以了。

/* 子絕父相 */

position

: absolute;

/*加了定位 浮動的的盒子 margin 0 auto 失效了*/

left

: 50%;

margin-left

: -100px;

top: 50%;

margin-top

: -100px;

/* 調整了**就改** */

設計模式筆記 四種模式 四種原則

a.簡單工廠 用乙個單獨的類來做這個建立例項的過程,這就是工廠 不符合開 封閉原剛,每次擴充套件都要更改工廠類 計算器 1.cbxtype.items.addrange new object b,策略模式 定義多種演算法,並分別封裝,之間可以互相替換,演算法的變化不影響到客戶 收銀 context ...

簡單記activity四種啟動模式

預設模式,大多數activity 棧頂復用,如果在任務的棧頂正好存在該activity的例項,就重用該例項,否則就會建立新的例項並放入棧頂,即使棧中已經存在該activity的例項,只要不在棧頂,都會建立新的例項。棧內復用,如果棧中不存在該例項,將會建立新的例項放入棧中。如果在棧中已經有該activ...

四種賺錢模式

第一種 賺勞動的錢 出賣時間與體力換取報酬。第二種 賺差價的錢 低進高出,靠價差獲取利潤。第三種 賺模式的錢 模式試點成功後,快速複製放大,收穫更大利益。第四得 賺資本的錢 用錢生錢,投個好專案,找一些能人幫你運營打理。人和人之間的差距表面上是在於財富與地位,其本質在於這個人對世界 對人性 對自己的...