Html 将元素放在固定div旁边

我试图把一个div放在固定div的旁边，但实际情况是，这个div被放在固定div的内部。我如何才能使这个div放在固定div的旁边？我知道我可以在div中使用

float:right

，但是有没有一种方法可以不使用float，只使用

内联块

？这是我的建议

HTML

  <div id='column'>

  </div>
  <div id='content'>

  </div>

---

由于固定元素的宽度为

20%

，因此可以使用

左边距：20%

将

内容移动到其右侧


正文{
身高：100%；
}
#纵队{
显示：内联块；
位置：固定；
宽度：20%；
最小高度：100%；
背景色：红色；
垂直对齐：顶部；
z指数：-1；
}
#内容{
显示：内联块；
背景色：黑色；
宽度：100px；
高度：200px；
左缘：20%；
}
由于固定元素的宽度为
20%
，因此可以使用
左边距：20%
将
内容移动到其右侧


正文{
身高：100%；
}
#纵队{
显示：内联块；
位置：固定；
宽度：20%；
最小高度：100%；
背景色：红色；
垂直对齐：顶部；
z指数：-1；
}
#内容{
显示：内联块；
背景色：黑色；
宽度：100px；
高度：200px；
左缘：20%；
}
是的，你可以使用
左边距：20%或
右边距：-20%
放入div ID
content
的CSS中。但是我建议你使用bootstrap，然后你可以让它变得非常简单
是的，你可以使用
左边距：20%或
右边距：-20%
放入div ID
content
的CSS中。但是我建议您使用引导，这样您就可以使它变得非常简单

body {
  height: 100%;
}

#column {
  display: inline-block;
  position: fixed;
  width: 20%;
  min-height: 100%;
  background-color: red;
  vertical-align: top;
  z-index: -1;
}

#content {
  display: inline-block;
  background-color: black;
  width: 100px;
  height: 200px;
}