<!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貢獻1038條經驗 獲得超227個贊
CSS?position屬性用于指定一個元素在文檔中的定位方式。而fixed是其取值之一。
默認情況下，使用正常的布局行為（沒有position的css樣式屬性元素），隱性的定位為static，即元素在文檔常規流中當前的布局位置。而fixed.官方給出的指引如下：
fixed 不為元素預留空間，而是通過指定元素相對于屏幕視口（viewport）的位置來指定元素位置。元素的位置在屏幕滾動時不會改變。打印時，元素會出現在的每頁的固定位置。
fixed?屬性會創建新的層疊上下文。
簡單來說，當你給元素定位取值fixed，它會從普通的static定位，改為fixed定位。即通常所說的脫離了文檔流，它的參照的定位對象，不再是文檔，而是你所用瀏覽器的視窗。
- 1 回答
- 0 關注
- 1480 瀏覽
添加回答
舉報
0/150
提交
取消