Html 如何修复引导导航条重叠?

Html 如何修复引导导航条重叠?,html,css,bootstrap-4,Html,Css,Bootstrap 4,我的引导侧导航有问题 我尝试添加的任何内容都会重叠在导航栏的顶部 你可以在这里看到- 我希望内容位于导航栏的右侧。 我尝试添加行/列/容器,但无法正常工作 有人能看出我哪里出了错吗 工具 品牌标识 新服务1 新服务2 新服务3 新的1 新2 新3 主机数 . 在线主持 . 脱机主机 将pull right类添加到div.row-one,并给出下面的css .row-one.pull-right {

我的引导侧导航有问题

我尝试添加的任何内容都会重叠在导航栏的顶部

你可以在这里看到-

我希望内容位于导航栏的右侧。 我尝试添加行/列/容器,但无法正常工作

有人能看出我哪里出了错吗


工具
品牌标识
    • 新服务1
    • 新服务2
    • 新服务3
    • 新的1
    • 新2
    • 新3
  • 主机数 .
  • 在线主持 .
  • 脱机主机

将pull right类添加到div.row-one,并给出下面的css

.row-one.pull-right {
    width: calc(100% - 300px);
}

您必须添加
。第一行{margin left:300px;}
,因为
固定的
元素从正常文档流中删除,并且页面布局中没有为元素创建空间您处于“怪癖模式”。您的doctype至少从1999年起就不应该使用了!将其更改为
,将您带入本世纪。然而,这可能会改变你的页面外观,因为你已经在怪癖的地方,一个不应该!这行得通,但看起来有点乱?我原以为它们是一种不使用CSS的方式来实现这一点,只是通过我使用div之类的方式而已。@TheOne745665正如我在评论中提到的,使用
display:fixed
,元素将从文档流中删除,并且不会占用dom中的任何空间。您可以使用浮动或引导网格系统代替,只有溢出:滚动右侧面板。不过,在这种情况下,我不认为计算是必要的,简单的保证金更有意义。