方法/步驟

1、首先打開DW軟件，然后設置一個css樣式，引用到div中如圖所示

2.打開剛剛新建的html文件，用瀏覽器打開觀看效果如圖：

詳解：實現此類固定某一個區域主要應用于：position:fixed;絕對定位：

控制divright:1%；與右側距離為1%；top:20%；頭部距離20%；然后滑動右側滾動條，會發現，div區域始終固定在一個位置；

擴展position的值與描述詳解：

absolute生成絕對定位的元素，相對于static定位以外的第一個父元素進行定位。元素的位置通過"left","top","right"以及"bottom"屬性進行規定。fixed生成絕對定位的元素，相對于瀏覽器窗口進行定位。元素的位置通過"left","top","right"以及"bottom"屬性進行規定。relative生成相對定位的元素，相對于其正常位置進行定位。因此，"left:20"會向元素的LEFT位置添加20像素。static默認值。沒有定位，元素出現在正常的流中（忽略top,bottom,left,right或者z-index聲明）。inherit規定應該從父元素繼承position屬性的值。