Html 与目标不一致的CSS行为

我试图在CSS中使用

：target

，将锚定标记正确定位在静态标题下

在该页面上，每个图像都有一个类似于以下内容的块：

.anchor:目标{
垫顶：18vh；
}
.主播{
边际上限：2vh；
}
分区图形图像{
宽度：80%；
左边距：自动；
右边距：自动；
文本对齐：居中；
}
菲卡普顿{
宽度：65%；
字体大小：粗体；
字体大小：1.5vmin；
左边距：自动；
右边距：自动；
垫底：3vh；
}

图3:Balade在音乐回响处的特写
我们的夫人”节，克洛普顿尚特里教堂，圣三位一体，
朗·梅尔福德。

我上面提到的css要在Chrome或Safari中工作，需要做的是锚定标记必须显示为块或内联块。如果显示为默认内联，Firefox将处理它。设置负边距将解决任何填充问题

.anchor:target {
    padding-top: 18vh;
    display: block;
    margin-top: -18vh;
    }

---

你的锚的

id

属性在哪里？你是指链接吗？它们位于.pdf文件中--这些是指向.pdf中黑白图像的彩色版本的链接。它们的格式如下：其中每个数字从2到7进行编号。如果uri中没有片段标识符，则该选择器将不起作用。从这里提供的代码来看，似乎没有任何东西指向您的锚，它甚至没有

id

属性。你认为

：target

伪类到底是做什么的？如果你使用

name

作为片段标识符，我相信它在现代浏览器中不再有效，请使用

id

。当两个评论员不知道命名锚是什么，而提问者知道时，这是一个尴尬的时刻……这是正确的答案。铬易于处理