通过下拉其他网页块打开导航抽屉
导航抽屉通过下拉其他网页块打开。当它关闭时，块出现。另外，抽屉菜单占据了我网站顶部空间的更多空间。无法将块保留在导航栏附近。那里是一大片空地。但抽屉菜单工作正常。如何解决这个问题？
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My web</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<header>
<i id="hamburger" class="fa fa-bars"></i>
<h2>MY WEB</h2>
</header>
<nav>
<a href="#"><i class="fa fa-user-secret"></i><span>A</span></a>
<a href="#"><i class="fa fa-check-circle-o"></i><span>B</span></a>
<a href="#"><i class="fa fa-lightbulb-o"></i><span>C</span></a>
<a href="#"><i class="fa fa-id-badge"></i><span>D</span></a>
<a href="#"><i class="fa fa-lightbulb-o"></i><span>E</span></a>
<a href="#"><i class="fa fa-lightbulb-o"></i><span>F</span></a>
</nav>
<p><span style="font-size: 14pt"><p style="text-align: justify"> <b>Sigiriya
From Wikipedia, the free encyclopedia</b><br>
Location Central Province, Sri Lanka
Coordinates 07°57′25″N 80°45′35″ECoordinates: 07°57′25″N 80°45′35″E
Elevation 349 metres[1]
UNESCO World Heritage Site
Official name: Ancient City of Sigiriya
Type Cultural
Criteria ii, iii, iv
Designated 1982 (6th session)
Reference no. 202
UNESCO Region Asia-Pacific
Sigiriya is located in Sri LankaSigiriya
Location of Sigiriya in Sri Lanka
</p></span>
</p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">.
</script>
</body>
</html>
慕尼黑的夜晚无繁华1回答
-
饮歌长啸
只需为您的标题和导航提供绝对定位，并将此代码添加到您的标题和导航 CSS：header {position:absolute;top:0;left:0;}nav {position:absolute;top:80px /* which is the height of header... */left:0;}您也可以像这样向文本元素添加包装 div：<div class="text-c"> <!-- text elements --></div>然后添加这个CSS代码.text-c { margin-top:150px;}工作代码笔https://codepen.io/larrytherabbit/pen/qBNZpjZ
随时随地看视频慕课网APP
相关分类
JavaScript