本节简介:利用定位布局制作带有下拉框的导航条效果。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
.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