Html 当我点击链接时，页面向下滚动

我正试图构建一个有lightbox的页面，但我不想在上面有任何javascript

我找到了一个关于如何做到这一点的教程，但当我开始添加它时，我注意到每次单击链接时，它都会稍微向下滚动，隐藏页面的上边框

我怎样才能阻止这一切？因为它破坏了现场的外观

HTML

这是一个

对所有的代码表示抱歉-但是如果没有它，我将无法发布它

<a href="#close" class="close" title="close window">x</a>

在这样的链接中使用#close可使浏览器跳转到该ID

---

在这样的链接中使用#close会让你的浏览器跳转到该ID

并没有准确指出它对哪些元素有影响，但你可以简单地将其添加到CSS中：

*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

---

而且它不会再跳了。

还没有准确指出它在哪些元素上起作用，但您可以简单地将其添加到CSS中：

*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

---

它不会再跳转了。

但是当我点击链接时也会发生这种情况——就像灯箱根据你的小提琴显示一样——这是同样的事实——那么我还能用什么呢？不使用Javascript？不多HTML仅用于结构，而CSS用于样式和外观。功能最好留给Javascript来实现。但是当我点击链接时就会发生这种情况——就像灯箱出现在你的小提琴上一样——这是同样的道理——那么我还能用什么呢？不使用Javascript？不多HTML仅用于结构，而CSS用于样式和外观。功能最好留给Javascript，问题不在于框的大小。OP想知道为什么在单击链接时浏览器会跳转，但是框的大小会影响它们所在的位置，从而影响浏览器跳转的位置。试着用

盒子大小：边框盒子
这里：@Paulo是的-但正如我在问题中所说的-我想知道如何阻止它-问题不在于盒子的大小。OP想知道为什么在单击链接时浏览器会跳转，但是框的大小会影响它们所在的位置，从而影响浏览器跳转的位置。试着用
框大小：边框框
这里：@Paulo是的-但正如我在问题中所说的-我想知道如何阻止它
*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}