用<div>(定义:class:dropdown)包裹以下元素实现下拉菜单:
打开下拉菜单可用任何的HTML元素
下拉内容用容器元素包裹(如div)(定义:class:dropdown-content)
最基础的下拉菜单实现代码:
<div class="dropdown">
<span>点我</span>
<div class="dropdown-content">
<p>我出来啦~</p>
</div>
</div>
.dropdown {
position: relative;
}
.dropdown-content {
display: none;
position: absolute;
}
.dropdown:hover .dropdown-content {
display: block;
}