固定定位
1！ doctype html2html lang=' en '3head4meta charset=' utf-8 '5meta http-equiv=' x-ua-compatible ' content=' ie=edgge 11 ) 12.box1(13width:200px； 14 height: 200px； 15 background-color: #bfa； (17 ) 18 .盒2 ) 19width:200px； 20 height: 200px； 21 background-color: tomato； 22 /* 23固定位置：如果将24 -元素的position属性设置为fixed，则元素的固定位置25 -固定位置也是绝对位置，因此固定位置的大多数特征与绝对位置相同26 -唯一的不同在于固定位置始终引用浏览器中的视口28 */29定位336666 30 left : 200 px，不与网页滚动条一起滚动； 31 top: 200px； 33.box3{34}width:200px； 35 height: 200px； 36 background-color : green yellow； 3338 ) 39.box4{40width:400px； 41 height: 400px； 42 background-color : RGB (47，61，255 )； 43 44 }45 .box5{46 width: 300px； 47 height: 300px； 48 background-color : RGB (201、14、145 )； 95051 ) 52/style 53/head 54 body 55 divclass=' box1'1/div 56 divclass=' box4' 57458 divclass=' box5' 59560 divclass=html固定位置也是绝对位置固定位置，总是参照浏览器的视口来决定位置固定位置的要素，与网页的滚动条不滚动的固定位置也是绝对位置
定位位置始终参照浏览器视口放置
定位的元素不会随网页滚动条一起滚动