我可以用HTML和CSS将侧边栏粘贴到屏幕的左侧或右侧吗?(不是导航栏)

我可以用HTML和CSS将侧边栏粘贴到屏幕的左侧或右侧吗?(不是导航栏),html,css,Html,Css,我有两个div ... ... 及 div.content{ 背景色:rgba(0,0,0,0.500); 左侧填充:250px; 右边填充:250px; 左边距:250像素; 右边距:250px; } 左侧侧边栏{ 溢出:滚动; 浮动:左; } 如何使侧边栏位于左侧而不是顶部?您好 div.sideBarLeft { height: 100%; width: 160px; position: fixed; z-index: 1; top: 0; left: 0;

我有两个div


...
...

div.content{
背景色:rgba(0,0,0,0.500);
左侧填充:250px;
右边填充:250px;
左边距:250像素;
右边距:250px;
}
左侧侧边栏{
溢出:滚动;
浮动:左;
}
如何使侧边栏位于左侧而不是顶部?

您好

div.sideBarLeft {
  height: 100%;
  width: 160px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
}

你可以在左边的导航栏上试试这个

我在顶部有一个导航栏,这就把它盖住了。我应该添加填充还是边距?有什么办法可以解决这个问题?@UCYT5040您需要增加顶部导航条的z-索引,使其显示在侧栏上方!只要堆栈溢出允许,我就会将此答案标记为正确。我增加了z索引,但它没有改变任何内容。如果顶部导航栏的z索引大于1,则它应该可以工作。你也可以试着根据顶部导航栏的高度给出内部div.sideBarLeft top:20px或top:30px。嗨,你能画一张完整的想要的设计图吗?有了anwser的评论,我相信你会让事情变得更加复杂。如果我正确理解你想要的布局,你可能会选择网格设计