div问题求教

Wayne 2019-01-02 03:05:15
各位大神,麻烦实现一个div的效果:
页面上存在一个元素A,这个元素A的宽度为200px,点击这个按钮之后,弹出一个浮动的层,位置在这个按钮正下方,层的宽度跟按钮相同,求教怎么实现,谢谢各位!
...全文
89 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2019-01-02
  • 打赏
  • 举报
回复

<!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">
#a {
	position: relative;
	background-color: #9ff;
	width: 200px;
	height: 30px;
}
#popup {
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #f66;
	width: 100%;
	height: 300px;
	display: none;
}
</style>
</head>
<body>
<div id="a">
	按钮
	<div id="popup"></div>
</div>
<script type="text/javascript">
document.getElementById("a").onclick = function () {
	document.getElementById("popup").style.display = "block";
}
</script>
</body>
</html>

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧