同一行 絕對定位 CSS定位體系回顧

2021-10-14 17:52:14 字數 1509 閱讀 7666

布局是螢幕平面上的,定位是垂直於螢幕上的

從border內邊沿圍城的區域

background在文字後面

其實就是浮起來一點點

如果你寫了absolute,一般都得補乙個relative

如果你寫了乙個absoule或fixed,一定要補top和left

sticky相容性很差

經驗

不寫z-index:9999

學會管理z-index

預設每個元素的值都是auto,auto是0,但不能寫0

如果上下排著粉色塊,和黑色塊

想要粉色壓住黑

.pink

黑壓粉 ,值比它大就可以

.black

經驗

某些瀏覽器上如果不寫top/left會位置錯亂

善用left:100%

善用left:50%;加負margin

x

.container

.close//子 對應

//colse就會以container去定位

經驗

手機上盡量不要用這個屬性,坑很多

每個層疊上下文就是乙個小世界(作用域)

這個小世界裡面的z-index跟外界無關

處在同乙個小世界的z-index才能比較

記住負 z-index逃不出小世界

opactiy:0.5背景和內容一起變透明

background:rgba(255,0,0,0.1) //只有背景變,內容不變透明

//居中

display:flex;

justify-content:center;

align-items:center;

//始終在視口出現

position:fixed;

left:10px;

bottom:10px;

//粘滯定位

.sticky

QListWidget定位到最後一行

case 在用python做介面,用了listwidget,一條一條的additem,悲劇的發現雖然有滑動條,但是它總是淡定的呆在最早先的位置,不上不下,每次看到它都覺得恨呀 solution 在ui的編輯器裡,看到了autoscroll,雖然勾選上了,也就是說 self.log widget qt...

Vim 開啟檔案同時定位到某一行

使用vim 開啟檔案時,預設情況下游標會停留在檔案開頭,有時候檔案比較大,翻閱和查詢都比較麻煩,怎樣在開啟的時候直接定位到某一行呢?使用 vim filename n 可以在開啟檔案的同時定位到第n行。eg vim myfile 100 開啟的同時游標停在第100行行首 也可以在開啟檔案的同時找到第...

揭開CSS的絕對定位真實的面紗(一)

二.絕對定位 絕對定位比相對定位更靈活。絕對定位的盒子,是脫離標準文件流的。所以,所有的標準文件流的性質,絕對定位之後都不遵守了。絕對定位之後,標籤就不區分所謂的行內元素 塊級元素了,不需要display block 就可以設定寬 高了 如下 1 span 絕對定位要有乙個參考點,絕對定位的參考點,...