文章浏览阅读3.8k次，点赞7次，收藏27次。css实现顶部导航条及下拉框一、原理二、HTML三、CSS1.设置外部容器样式2.设置内部容器样式3.设置导航条中的元素4.设置下拉框元素5.设置父元素6.效果展示一、原理1. 设置外部盒子来充当导航条2. 设置内部盒子来盛放导航条中元素3. 导航条中元素使用无序列表并去掉下划线及小圆点，使其浮动以达到水平摆放的效果4. 鼠标移入时显示下拉框（隐藏元素），则鼠标移入的元素和下拉框元素为兄弟关系，而且两者必须要有相同的父元素5. 隐藏的元素使用决定定位，兄弟元素使用相对定位，使隐藏的元素相_网页下拉框层级展示