Html CSS：如何修复重叠div

我正在使用引导创建一个网站。 这是导航栏的代码 编辑：小提琴

我搞砸了很多，但仍然不明白为什么边栏和包装器div重叠到标题中。

---

我可以使用填充，但当我缩放浏览器时，小屏幕浏览器会有很多空白。

因为您使用

导航栏固定顶部

给

主体

一个导航栏高度填充应该可以解决这个问题。将XX替换为以像素为单位的高度值

body {
    padding-top: XXpx;
}

---

你可以得到这个提示。

你会拉小提琴吗？你在

中有一个不必要的
“
<div class="wrapper">
                <aside>
                <div class="categories-bar content-fluid col-md-3 col-sm-12">
                    <ul class="nav nav-pills nav-stacked">
                        <li class="active"><a href="#">Home</a></li>
                        <li><a href="#">About</a></li><li class="active"><a href="#">Home</a></li>
                        <li><a href="#">About</a></li><li "><a href="#">Home</a></li>

                        <li><a href="#">About</a></li>  <li><a href="#">Shop</a></li>
                </ul>
            </div>
            </aside>

aside {

    padding-bottom: 5000px;
    margin-bottom: -5000px;
    background-color: white;
    font-size: 1.5em;


}
.wrapper {

    position: relative;

    overflow: hidden;

}

body {
    padding-top: XXpx;
}