本節簡介:利用定位布局制作帶有下拉框的導航條效果。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
.nav li > a 這樣表示選擇li的子級(孫子級就不會選中)
.nva li:hover .down{display: block} 當鼠標移動到li的時候,給down一個命令,顯示block(區塊)
插入問題越來越濫。且,有插入的時候,往往導致**大段跳躍
寬度等不受父級對象的約束,對象位置會位于網頁左上角
position:absolute 不受父級格式約束,脫離文檔流
.nav ul li{ float:left;}/*添加該屬性可以讓列表值顯示在一行*/
.nav li:hover .down{display:block;}這句代碼的作用就在于把之前隱藏的導航欄再顯示出來
給子元素添加absolute屬性并添加top、left為0后,再給子元素的父級元素設置position:relative,使得子元素在父級元素下顯示
在設置position為absolute后,一般的就會設置“top”和“left”屬性為0