为了账号安全,请及时绑定邮箱和手机立即绑定

通过下拉其他网页块打开导航抽屉

通过下拉其他网页块打开导航抽屉

导航抽屉通过下拉其他网页块打开。当它关闭时,块出现。另外,抽屉菜单占据了我网站顶部空间的更多空间。无法将块保留在导航栏附近。那里是一大片空地。但抽屉菜单工作正常。如何解决这个问题?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>                        &nbsp;&nbsp;&nbsp;&nbsp;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


查看完整回答
反对 回复 2023-05-19
  • 1 回答
  • 0 关注
  • 102 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信