导航抽屉通过下拉其他网页块打开。当它关闭时，块出现。另外，抽屉菜单占据了我网站顶部空间的更多空间。无法将块保留在导航栏附近。那里是一大片空地。但抽屉菜单工作正常。如何解决这个问题？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 回答
饮歌长啸
TA贡献1951条经验 获得超3个赞
只需为您的标题和导航提供绝对定位，并将此代码添加到您的标题和导航 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
添加回答
举报
0/150
提交
取消