Question

有没有人遇到过以下问题？首先，我的目录看起来像这样：

/root
    index.html
    /blog
        /category
        posts.html
            /post
            mypostname.html

我使用Bootstrap 4.
我想从我的index.html导航到 /blog/category/post/mypostname.html

上的div元素

我的index.html代码如下所示：

<a href="blog/category/post/mypostname.html#post-body-mg-1">
    <button class="btn btn-outline-warning">Czytaj więcej &hellip;</button>
</a>

目的地页面上的代码：

<div id="post-body-mg-1">(it has content)</div>

问题是，它导航到博客页面的顶部而不是指定div元素。当我在posts.html页面中放入类似的链接时，单击它导航到该元素没有问题。

当我像这样写这个链接时（注意斜杠/ posts.html之后）：

<a href="blog/category/post/mypostname.html/#post-body-mg-1">
    <button class="btn btn-outline-warning">Czytaj więcej &hellip;</button>
</a>

它确实可以工作并导航到指定的div但是！它无法加载样式表，因为它使mypostname.html文件更深入到目录中。当我在样式表的链接中添加额外级别的路径（../）以匹配此深化目录时，它会更加有趣，它会加载一切正常但又会停止导航到指定元素！
这可能是bootstrap4的问题吗？我怀疑它是因为它不涉及引导机制，是吗？

请反馈我的答案结构，如果它不正确，因为我是Stackoverflow的新手。

Answer 1

<a href="blog/dsp2017/post/mypostname.html#post-body-mg-1">
    <button class="btn btn-outline-warning">Czytaj więcej &hellip;</button>
</a>

<a href="blog/category/post/mypostname.html/#post-body-mg-1">
    <button class="btn btn-outline-warning">Czytaj więcej &hellip;</button>
</a>

两个链接不同

dsp2017

与此有关吗？

指向另一个页面元素的HTML5链接导航到页面顶部而不是指定的元素

1 个答案: