<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>? ?<style>body {height: 100%;}.box1 {position: fixed;width:100px;height: 100px;background: blue;} ?.box2 {width: 50px;height: 50px;background: red;}</style></head><body><div class="box1"><div class="box2"></div></div></body></html>
1 回答
已采納
pardon110
TA貢獻(xiàn)1038條經(jīng)驗(yàn) 獲得超227個(gè)贊
CSS?position屬性用于指定一個(gè)元素在文檔中的定位方式。而fixed是其取值之一。
默認(rèn)情況下，使用正常的布局行為（沒(méi)有position的css樣式屬性元素），隱性的定位為static，即元素在文檔常規(guī)流中當(dāng)前的布局位置。而fixed.官方給出的指引如下：
fixed 不為元素預(yù)留空間，而是通過(guò)指定元素相對(duì)于屏幕視口（viewport）的位置來(lái)指定元素位置。元素的位置在屏幕滾動(dòng)時(shí)不會(huì)改變。打印時(shí)，元素會(huì)出現(xiàn)在的每頁(yè)的固定位置。
fixed?屬性會(huì)創(chuàng)建新的層疊上下文。
簡(jiǎn)單來(lái)說(shuō)，當(dāng)你給元素定位取值fixed，它會(huì)從普通的static定位，改為fixed定位。即通常所說(shuō)的脫離了文檔流，它的參照的定位對(duì)象，不再是文檔，而是你所用瀏覽器的視窗。
- 1 回答
- 0 關(guān)注
- 1474 瀏覽
添加回答
舉報(bào)
0/150
提交
取消