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中的任何空间。您可以使用浮动或引导网格系统代替,只有溢出:滚动右侧面板。不过,在这种情况下,我不认为计算是必要的,简单的保证金更有意义。