Question

我使网站导航使用的位置固定样式。主要内容的高度大小为calc（100vh-nav_size）。我点击了主要内容中的标记移动上下文，因此，主要内容达到了65像素。我不明白为什么会溢出65像素。我认为“ col-6”高度扩展了父级高度（主要内容）。

我尝试插入选项（位置：静态，删除相对或事物）。但没有解决这个问题。

<div class="wrapper">
    <div class="nav" style="position:fixed; height:65px">
        some code...
    </div>
    <div class="wrapper" style="padding-top:65px;">
        <div class="wrapper-2" style="postion:absolute; top:65px">
            <div class="wrapper col-12" style="height:calc(100vh - 65px)">
                <div class="col-6" style="height:100%">
                    some code...
                </div>
                <div class="col-6" style="height:100%">
                    Contexts...
                    <a herf="#context-1"/>
                    ...
                    Context-1
                </div>
            <div>
        </div>
    </div>
</div>

此代码为示例。结果是，如果您单击a标记，则焦点将移至context-1。然后溢出65像素的“导航”。

Answer 1

<div class="wrapper col-12" style="height:calc(100vh - 65px)"> 
// if you use bootstrap "col-12" change "row" classes try again

请写回

如何修复HTML中的“哈希标签移动”错误？

1 个答案: