将两个div并排放置，其中一个位置固定

Question

所以我有两个像这样的div

<div class="parent">
  <div class="child1"/>
  <div class="child2"/>
</div>

child1是position：fixed，我希望child2和child1并排。

我尝试过使用内联块，但这不起作用。我该怎么办？

Answer 1

将应固定的元素包含在容器中，将该容器设置为position:fixed，并相应地定位其子容器。也许使用float:left和float:right。

<div class="parent">
    <div class="fixed-container">
      <div class="child1"/>
      <div class="child2"/>
    </div>
</div>

Answer 2

这是JSBIN

.child1 {
  position:fixed;
}
.child2{
  float:right;
  margin-right:350px;
}

May be it could be help you

Answer 3

一旦你把'固定'的东西放在了流量之外，所以你绝对可以定位2，但它会相对于它所在的容器移动