Lv729254729 2022-05-21 13:12 采纳率: 63.6%
浏览 96
已结题

html文字下方横线设置position:absolute之后消失了

如题。
原来没设置之前,导航栏的文字挤到横线下面去了,所以我项设置样式position:absolute把横线调整到文字下方,但是消失不见了。别的p,h1,div,都能看到。



<style>
nav{
    height: 800px;
    width: 500px;
  position: absolute;
  left: 430px;
  top: 90px;
}
hr{
  position: relative;
}
#hr1{
    position: absolute;
    left: 600px;
    top: 1000px;
}
</style>
<body>
<hr>
    目录<nav align="center">
    <a href="#part1">1.定义</a>
    <a href="#part2">2.Newton-Gauss线确定的角度相等</a>
    <a href="#part3">3.与Newton-Gauss线平行</a>
    <a href="#part4">4.两个循环四边形确定Newton-Gauss线</a>
    <a href="#part5">5.具有相同Newton-Gauss线的两个完全四边形</a>
    <a href="#part6">6.参考文献</a>
    <a href="#part7">7.数学家介绍</a>
</nav>
<hr id="hr1">

img

改成relative就能看到,但是relative横线会穿上我上面的文字。我想让横线在上面文字的下方。

  • 写回答

2条回答 默认 最新

  • 你好!机器人 2022-05-21 13:39
    关注
    
    <style>
    nav{
        height: 800px;
        width: 500px;
      position: relative;
      left: 430px;
      top: 90px;
    }
    hr{
      position: relative;
    }
    </style>
    <body>
    <hr>
        目录
    <nav align="center">
        <a href="#part1">1.定义</a>
        <a href="#part2">2.Newton-Gauss线确定的角度相等</a>
        <a href="#part3">3.与Newton-Gauss线平行</a>
        <a href="#part4">4.两个循环四边形确定Newton-Gauss线</a>
        <a href="#part5">5.具有相同Newton-Gauss线的两个完全四边形</a>
        <a href="#part6">6.参考文献</a>
        <a href="#part7">7.数学家介绍</a>
    </nav>
    <hr>
        </body>
    
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 5月29日
  • 已采纳回答 5月21日
  • 创建了问题 5月21日

悬赏问题

  • ¥15 Python时间序列如何拟合疏系数模型
  • ¥15 求学软件的前人们指明方向🥺
  • ¥50 如何增强飞上天的树莓派的热点信号强度,以使得笔记本可以在地面实现远程桌面连接
  • ¥20 双层网络上信息-疾病传播
  • ¥50 paddlepaddle pinn
  • ¥20 idea运行测试代码报错问题
  • ¥15 网络监控:网络故障告警通知
  • ¥15 django项目运行报编码错误
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services