html - 两个 div 并排（一个是固定位置）

Question

我正在尝试在网页左侧添加一个固定的分区，以保留导航栏信息，在右侧我正在尝试添加另一个分区。目前不允许我将它们并排放置（我想添加到右侧的那个与固定重叠）。如何将它们并排对齐？

这是我的CSS：

.left_fixed {
  position: fixed;
  width: 16%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #041230;
  z-index: 100;
  min-width: 170px;
}

.right_side {
  position: relative;
  width: 100%;
  height: 100vh;
}

标签： htmlcssposition

Answer 1

您的样式失败的原因是“位置：相对”不会相对于“位置：固定”。

为了实现您正在寻找的效果，我建议您在两个元素上都使用 float:left 。