位置固定但相对于容器

Question

我必须显示两个 div（输入和输出），以便它们一个在左侧，另一个在右侧。

使用此 css 代码，它们非常适合全屏显示，但我希望能够将它们放入父 div 中，这将是容器

#in{
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      width: 50%;
      overflow: auto;
      font-size: 12px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    }

#out{
      position: fixed;
      top: 0;
      right: 0;
      left: 50%;
      bottom: 0;
      overflow: auto;
      padding: 10px;
      padding-left: 20px;
      color: #444;
      font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
      font-size: 16px;
      line-height: 1.5em
    }

任何人都可以帮我修改此代码吗？

谢谢

Answer 1

使用position: fixed;时将元素固定在屏幕上。你不能用 CSS 将它相对于一个元素定位，事实上，如果你考虑什么position: fixed，你永远不想相对于一个元素定位它，并且认为这对我来说是不可能的。一个固定定位的元素被从流中取出，因此它是相对于视口的，你不能把它放回流中的某个地方。