Html 在导航悬停上添加底部边框，而不更改下面所有内容的位置

我想让我的导航在悬停时有底部边框，但它会将我的所有内容向下移动3倍。如何在不向下移动所有内容的情况下使其工作

导航的CSS：

nav {
    width: 80%;
    margin: 0 auto;

}
nav ul {
    list-style-type: none;
}
nav ul li {
    float: left;
    width: 19.7%;
    background-color: #e88610;
    text-align: center;
    border-right: 3px solid gray;
    border-top: 1px solid gray;
}
nav ul li:last-child {
    border-right: none;
    border-bottom-right-radius: 5px;
}
nav ul li:first-child {
    border-bottom-left-radius: 5px;
}
nav ul li a {
    text-decoration:none;
    display: block;
    padding: 10px 0px;
    color: white;
}
nav ul li a:visited {
    color: white;
}
nav ul li a:hover{
    background-color: orange;
    border-bottom: 3px solid gray;
}

内容如下：

#novi_clanak {
    background-color: rgba(255, 255, 255, 0.65);
    width: 100%;
    padding-bottom: 40px;
    margin-top:35px;
}

添加到导航css

position: fixed;

添加到导航css

position: fixed;

---

基本上，通过添加边界，可以将导航扩展3倍。查看CSS的

框大小调整属性。您希望您的
nav ul li a:hover
具有
框大小：边框框。这将考虑底部边框的3px作为元素高度

或者，将
导航ul li a:hover
高度缩短3px（设置为39px）。
基本上，通过添加边框，您将导航扩展了3px。查看CSS的
框大小调整属性。您希望您的
nav ul li a:hover
具有
框大小：边框框。这将考虑底部边框的3px作为元素高度

或者，将
导航ul li a:hover
高度缩短3倍（设置为39像素）。
导航的HTML在哪里？就像每个列表一样，我认为没有必要发布它
导航的HTML在哪里？就像每个列表一样，我不认为有必要在全屏上发布它，但当我调整它的大小以进行responibilite检查时，它会在css文件中添加一些媒体查询，然后添加位置：fixed；它可以在全屏上工作，但当我调整它的大小以进行responibilite检查时，它会在css文件中添加一些媒体查询，然后添加位置：fixed；盒子大小没有做任何事，内容仍然在移动如何设置
nav ul li a:hover{height:39px；}
？我把它设置为38px，现在工作起来很有魅力，谢谢：）Drago mi je da mogu pomoćI:）盒子大小没有做任何事，内容仍然在移动如何设置
nav ul li a:hover{height:39px；}
？我把它调到38px，现在工作起来很有魅力，谢谢：）Drago mi je da mogu pomoćI:）