网页中，当鼠标放在菜单上时会出现一个和网页宽度一样的下拉菜单，怎么写代码，求大神。

叫我小栗子 2017-11-30 04:49:47

...全文

379 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

叫我小栗子 2017-11-30

打赏
举报

引用 1 楼天际的海浪的回复:


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
.text {
	width: 60px;
	height: 30px;
	background-color: #3d3;
}
.text .mbox {
	position: absolute;
	left: 0;
	width: 100%;
	height: 500px;
	background-color: #9f9;
	display: none;
}
.text:hover .mbox {
	display: block;
}
</style>
</head>
<body>
<div class="text">
	菜单
	<div class="mbox"></div>
</div>
</body>
</html>

谢谢谢谢谢谢谢谢谢谢谢谢

天际的海浪 2017-11-30

打赏
举报


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
.text {
	width: 60px;
	height: 30px;
	background-color: #3d3;
}
.text .mbox {
	position: absolute;
	left: 0;
	width: 100%;
	height: 500px;
	background-color: #9f9;
	display: none;
}
.text:hover .mbox {
	display: block;
}
</style>
</head>
<body>
<div class="text">
	菜单
	<div class="mbox"></div>
</div>
</body>
</html>