如何实现导航栏与非垂直下拉框如何无缝连接

最新推荐文章于 2024-09-24 10:17:01 发布

前端从爬上楼到滚下楼

最新推荐文章于 2024-09-24 10:17:01 发布

阅读量247

点赞数

文章标签： html css 导航栏

本文链接：https://blog.csdn.net/qq_32021025/article/details/84624091

版权

<!DOCTYPE html>
<<html>
	<head>
		<meta charset="UTF-8"/>
		<meta lang="en"/>
		<title>test</title>
		<style>
			.nav-box{
				width:100px;
				height: 50px;
				margin:0 auto;
				position: relative;
				border:1px solid #000000;
				border-bottom: none;
				background: rgb(255,255,255);
			}
			.nav-list{
				width:200px;
				height: 100px;
				border:1px solid black;
				position: absolute;
				top:49px;
				left:-1px;
				z-index: -1;
				display: none;
			}
			.nav-box:hover .nav-list{
				display: block;
				}
		</style>
	</head>
	<body>
		<div class="nav-box">
			<div class="nav-list">
			</div>
		</div>	
	</body>
</html>