Position: fixed 父元素的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列訂位、菜單、價格優惠和問答集

Web前端開發精品課：HTML CSS JavaScript基礎教程

為了解決Position: fixed 父元素的問題，作者莫振傑 這樣論述：

本書緊密圍繞網頁設計師在制作網頁過程中的實際需要和應該掌握的技術，全面介紹了如何使用HTML、CSS、JavaScrip 以及前端框架進行網站建設和網頁設計。從「內功」到「招式」，全書貫穿了不同行業的多種實例，各實例均經過精心設計，操作步驟清晰簡明，技術分析深入淺出，能夠幫助讀者沉浸在真實的開發狀態中。這樣，無論以后是面對公司的面試，還是真實的工作需求，讀者都能夠跨過「所學」與「所用」之間的鴻溝。此外，本書還精心配備了PPT 電子課件，便於老師課堂教學和學生把握知識要點。莫振傑，綠葉學習網（http://www.lvyestudy.com）站長，利用該網站用於分享自己在前后端開發中的一些經驗，

並且制作相關前后端開發的在線教程。這些在線教程在互聯網引起廣泛關注，極大受到網友推崇。本人編寫過大量原創在線教程和《Web前端開發精品課》系列圖書，廣受網友稱贊與推崇。《Web前端開發精品課——HTML與CSS基礎教程》《Web前端開發精品課——HTML與CSS進階教程》《Web前端開發精品課——JavaScript基礎教程》《Web前端開發精品課——HTML5 Canvas開發詳解》 第一部分　HTML基礎第01章　HTML簡介1.1　前端技術簡介 21.1.1　從「網頁制作」到「前端開發」 21.1.2　從「前端開發」到「后端開發」 31.1.3　學習路線 51.2　什

麼是HTML 51.3　教程介紹 61.3.1　教程簡介 61.3.2　初學者比較關心的問題 7第02章　開發工具2.1　開發工具 82.2　使用Hbuilder 9第03章　基本標簽3.1　HTML結構 113.2　head標簽 123.2.1　title標簽 133.2.2　meta標簽 133.2.3　style標簽 153.2.4　script標簽 153.2.5　link標簽 163.2.6　base標簽 163.3　body標簽 163.4　HTML注釋 173.5　練習題 18第04章　文本4.1　文本簡介 194.1.1　頁面組成元素 194.1.2　HTML文本 204.2　

標題標簽 214.3　段落標簽 224.3.1　段落標簽：224.3.2　換行標簽：234.4　文本標簽 254.4.1　粗體標簽 254.4.2　斜體標簽 264.4.3　上標標簽 264.4.4　下標標簽 274.4.5　中划線標簽 274.4.6　下划線標簽 284.4.7　大字號標簽和小字號標簽 284.5　水平線標簽 294.6　div標簽 304.7　自閉合標簽 314.8　塊元素和行內元素 324.8.1　塊元素 334.8.2　行內元素 344.9　特殊符號 354.9.1　網頁中的「空格」 354.9.2　網頁中的「特殊符號」 364.10　練習題 38第05章　列表5.1　

列表簡介 395.2　有序列表 405.2.1　有序列表簡介 405.2.2　type屬性 415.3　無序列表 425.3.1　無序列表簡介 425.3.2　type屬性 435.3.3　深入無序列表 445.4　定義列表 465.5　HTML語義化 475.6　練習題 48第06章　表格6.1　表格簡介 496.2　基本結構 496.3　完整結構 516.3.1　表格標題：caption 516.3.2　表頭單元格：th 526.4　語義化 546.5　合並行：rowspan 566.6　合並列：colspan 576.7　練習題 58第07章　圖片7.1　圖片標簽 597.1.1　src

屬性 597.1.2　alt屬性和title屬性 607.2　圖片路徑 627.2.1　page1.html引用圖片 627.2.2　page2.html引用圖片 637.3　圖片格式 647.3.1　位圖 647.3.2　矢量圖 667.4　練習題 67第08章　超鏈接8.1　超鏈接簡介 688.1.1　a標簽 698.1.2　target屬性 708.2　內部鏈接 708.3　錨點鏈接 728.4　練習題 74第09章　表單9.1　表單簡介 759.1.1　表單是什麼 759.1.2　表單標簽 769.2　form標簽 769.2.1　form標簽簡介 769.2.2　form標簽屬性 7

79.3　input標簽 789.4　單行文本框 799.4.1　單行文本框簡介 799.4.2　單行文本框屬性 799.5　密碼文本框 819.5.1　密碼文本框簡介 819.5.2　密碼文本框屬性 829.6　單選框 839.6.1　單選框簡介 839.6.2　忽略點 849.7　復選框 869.8　按鈕 879.8.1　普通按鈕button 889.8.2　提交按鈕submit 899.8.3　重置按鈕reset 899.8.4　button標簽 919.9　文件上傳 919.10　多行文本框 929.11　下拉列表 939.11.1　下拉列表簡介 939.11.2　select標簽屬性

949.11.3　option標簽屬性 959.12　練習題 97第10章 　框架10.1　iframe標簽 9910.2　練習題 100第二部分　CSS基礎第11章　CSS簡介11.1　CSS簡介 10211.1.1　CSS是什麼 10211.1.2　CSS和CSS3 10211.2　教程簡介 10311.3　CSS引入方式 10311.3.1　外部樣式表 10311.3.2　內部樣式表 10411.3.3　行內樣式表 10511.4　練習題 106第12章　CSS選擇器12.1　元素的id和class 10712.1.1　id屬性 10712.1.2　class屬性 10812.2　選擇

器是什麼 10812.3　CSS選擇器 10912.3.1　元素選擇器 11012.3.2　id選擇器 11012.3.3　class選擇器 11112.3.4　后代選擇器 11312.3.5　群組選擇器 11412.4　練習題 116第13章　字體樣式13.1　字體樣式簡介 11813.2　字體類型（font-family） 11913.3　字體大小（font-size） 12013.3.1　px是什麼 12013.3.2　采用px為單位 12113.4　字體粗細（font-weight） 12213.5　字體風格（font-style） 12313.6　字體顏色（color） 12513.

6.1　關鍵字 12513.6.2　16進制RGB值 12513.7　CSS注釋 12613.8　練習題 128第14章　文本樣式14.1　文本樣式簡介 12914.2　首行縮進（text-indent） 12914.3　水平對齊（text-align） 13014.4　文本修飾（text-decoration） 13114.4.1　text-decoration屬性 13114.4.2　三種划線的用途分析 13314.5　大小寫（text-transform） 13414.6　行高（line-height） 13514.7　間距（letter-spacing和word-spacing） 13

614.7.1　字間距 13614.7.2　詞間距 13614.8　練習題 137第15章　邊框樣式15.1　邊框樣式簡介 13915.2　整體樣式 14015.2.1　邊框屬性 14015.2.2　簡寫形式 14215.3　局部樣式 14215.4　練習題 145第16章　列表樣式16.1　列表項符號（list-style-type） 14616.1.1　定義列表項符號 14616.1.2　去除列表項符號 14816.2　列表項圖片（list-style-image） 14916.3　練習題 150第17章　表格樣式17.1　表格標題位置（caption-side） 15117.2　表格邊框

合並（border-collapse） 15217.3　表格邊框間距（border-spacing） 15417.4　練習題 155第18章　圖片樣式18.1　圖片大小 15618.2　圖片邊框 15718.3　圖片對齊 15818.3.1　水平對齊 15818.3.2　垂直對齊 15918.4　文字環繞——初識float 16218.5　練習題 163第19章　背景樣式19.1　背景樣式簡介 16419.2　背景顏色（background-color） 16419.3　背景圖片樣式（background-image） 16619.4　背景圖片重復（background-repeat） 167

19.5　背景圖片位置（background-position） 16919.5.1　像素值 16919.5.2　關鍵字 17019.6　背景圖片固定（background-attachment） 17219.7　練習題 173第20章　超鏈接樣式20.1　超鏈接偽類 17420.1.1　超鏈接偽類簡介 17420.1.2　深入了解超鏈接偽類 17520.2　深入了解:hover 17720.3　鼠標樣式 17820.3.1　瀏覽器鼠標樣式 17820.3.2　自定義鼠標樣式 18020.4　練習題 181第21章　盒子模型21.1　CSS盒子模型 18221.2　寬和高（width和heig

ht） 18421.3　邊框（border） 18721.4　內邊距（padding） 18821.4.1　padding局部樣式 18821.4.2　padding簡寫形式 18921.5　外邊距（margin） 19121.5.1　margin局部樣式 19121.5.2　margin簡寫形式 19421.5.3　瀏覽器審查元素 19521.6　練習題 196第22章　浮動布局22.1　文檔流簡介 19722.1.1　正常文檔流 19722.1.2　脫離文檔流 19822.2　浮動 20022.3　清除浮動 20222.4　練習題 204第23章　定位布局23.1　定位布局簡介 20523

.2　固定定位：fixed 20623.3　相對定位：relative 20723.4　絕對定位：absolute 20923.5　靜態定位：static 21123.6　練習題 211第三部分　JavaScript基礎第24章　JavaScript簡介24.1　JavaScript是什麼 21424.1.1　JavaScript簡介 21424.1.2　教程介紹 21524.2　JavaScript開發工具 21624.3　JavaScript引入方式 21724.3.1　外部JavaScript 21824.3.2　內部JavaScript 21924.3.3　元素屬性JavaScript

22024.4　一個簡單的JavaScript程序 22124.5　練習題 222第25章　語法基礎25.1　語法簡介 22325.2　變量與常量 22425.2.1　變量 22525.2.2　常量 22925.3　數據類型 22925.3.1　數字 22925.3.2　字符串 23025.3.3　布爾值 23225.3.4　未定義值 23325.3.5　空值 23425.4　運算符 23425.4.1　算術運算符 23525.4.2　賦值運算符 23925.4.3　比較運算符 24025.4.4　邏輯運算符 24125.4.5　條件運算符 24425.5　表達式與語句 24525.6　類型

轉換 24525.6.1　「字符串」轉換為「數字」 24525.6.2　「數字」轉換為「字符串」 24825.7　轉義字符 24925.8　注釋 25125.8.1　單行注釋 25125.8.2　多行注釋 25225.9　練習題 253第26章　流程控制26.1　流程控制簡介 25526.1.1　順序結構 25526.1.2　選擇結構 25626.1.3　循環結構 25726.2　選擇結構：if 25726.2.1　單向選擇：if… 25726.2.2　雙向選擇：if…else… 25926.2.3　多向選擇：if…else if…else… 26026.2.4　if語句的嵌套 26226.3

　選擇結構：switch 26426.4　循環結構：while 26726.5　循環結構：do…while 27026.6　循環結構：for 27126.7　判斷整數或小數 27426.8　找出「水仙花數」 27526.9　練習題 276第27章　初識函數27.1　函數是什麼？ 27827.2　函數的定義 28027.2.1　沒有返回值的函數 28027.2.2　有返回值的函數 28227.2.3　全局變量與局部變量 28327.3　函數的調用 28527.3.1　直接調用 28627.3.2　在表達式中調用 28627.3.3　在超鏈接中調用 28727.3.4　在事件中調用 28827.4

　嵌套函數 28927.5　內置函數 29027.6　判斷某一年是否閏年 29127.7　求出任意五個數最大值 29227.8　練習題 292第28章　字符串對象28.1　內置對象簡介 29428.2　獲取字符串長度 29528.3　大小寫轉換 29628.4　獲取某一個字符 29728.5　截取字符串 29828.6　替換字符串 30028.7　分割字符串 30228.8　檢索字符串的位置 30428.9　統計某一個字符的個數 30628.10　統計字符串中有多少個數字 30728.11　練習題 308第29章　數組對象29.1　數組是什麼 30929.2　數組的創建 31029.3　數組的

獲取 31029.4　數組的賦值 31129.5　獲取數組長度 31229.6　截取數組某部分 31529.7　為數組添加元素 31629.7.1　在數組開頭添加元素：unshift() 31629.7.2　在數組結尾添加元素：push() 31829.8　刪除數組元素 31929.8.1　刪除數組中第一個元素：shift() 31929.8.2　刪除數組最后一個元素：pop() 32029.9　數組大小比較 ：sort() 32229.10　數組顛倒順序：reverse() 32329.11　將數組元素連接成字符串：join() 32329.12　數組與字符串的轉換操作 32629.13　計

算面積與體積，返回一個數組 32629.14　練習題 327第30章　時間對象30.1　日期對象簡介 32930.2　操作年、月、日 33130.2.1　獲取年、月、日 33130.2.2　設置年、月、日 33330.3　操作時、分、秒 33430.3.1　獲取時、分、秒 33430.3.2　設置時、分、秒 33530.4　獲取星期幾 33630.5　練習題 338第31章　數學對象31.1　數學對象簡介 33931.2　Math對象的屬性 33931.3　Math對象的方法 34131.4　最大值與最小值 34131.5　取整運算 34231.5.1　向下取整：floor() 34231.5

.2　向上取整：ceil() 34331.6　三角函數 34431.7　生成隨機數 34631.7.1　隨機生成某個范圍內的「任意數」 34631.7.2　隨機數生成某個范圍內的「整數」 34731.8　生成隨機驗證碼 34731.9　生成隨機顏色值 34831.10　練習題 349第32章　DOM基礎32.1　核心技術簡介 35032.2　DOM是什麼 35132.2.1　DOM對象 35132.2.2　DOM結構 35132.3　節點類型 35232.4　獲取元素 35332.4.1　getElementById() 35332.4.2　getElementsByTagName 35532

.4.3　getElementsByClassName() 35932.4.4　querySelector()和querySelectorAll() 36032.4.5　getElementsByName() 36332.4.6　document.title和document.body 36432.5　創建元素 36532.6　插入元素 37032.6.1　appendChild() 37032.6.2　insertBefore() 37232.7　刪除元素 37332.8　復制元素 37632.9　替換元素 37732.10　練習題 378第33章　DOM進階33.1　HTML屬性操作（對象

屬性） 38033.1.1　獲取HTML屬性值 38033.1.2　設置HTML屬性值 38633.2　HTML屬性操作（對象方法） 38833.2.1　getAttribute() 38833.2.2　setAttribute() 39033.2.3　removeAttribute() 39133.2.4　hasAttribute() 39333.3　CSS屬性操作 39433.3.1　獲取CSS屬性值 39433.3.2　設置CSS屬性值 39633.3.3　最后一個問題 40133.4　DOM遍歷 40433.4.1　查找父元素 40433.4.2　查找子元素 40633.4.3　查找兄

弟元素 41033.5　innerHTML和innerText 41133.6　練習題 414第34章　 事件基礎34.1　事件是什麼 41534.2　事件調用方式 41634.2.1　在script標簽中調用 41634.2.2　在元素中調用事件 41734.3　鼠標事件 41834.3.1　鼠標單擊 41934.3.2　鼠標移入和鼠標移出 42134.3.3　鼠標按下和鼠標松開 42234.4　鍵盤事件 42334.5　表單事件 42534.5.1　onfocus和onblur 42534.5.2　onselect 42734.5.3　onchange 42934.6　編輯事件 43234

.6.1　oncopy 43234.6.2　onselectstart 43334.6.3　oncontextmenu 43434.7　頁面事件 43534.7.1　onload 43534.7.2　onbeforeunload 43734.8　練習題 438第35章　事件進階35.1　事件監聽器 43935.1.1　事件處理器 43935.1.2　事件監聽器 44035.2　event對象 44735.2.1　type 44835.2.2　keyCode 44835.3　this 45135.4　練習題 454第36章　window對象36.1　window對象簡介 45536.2　窗口操作

45736.2.1　打開窗口 45736.2.2　關閉窗口 46236.3　對話框 46436.3.1　alert() 46436.3.2　confirm() 46536.3.3　prompt() 46636.4　定時器 46736.4.1　setTimeout()和clearTimeout() 46836.4.2　setInterval()和clearInterval() 47236.5　location對象 47636.5.1　window.location.href 47636.5.2　window.location.search 47713.5.3　window.location.h

ash 47836.6　navigator對象 47936.7　練習題 481第37章　document對象37.1　document對象簡介 48237.2　document對象屬性 48237.2.1　document.URL 48337.2.2　document.referrer 48437.3　document對象方法 48437.3.1　document.write() 48537.3.2　document.writeln() 48537.4　練習題 487后記