だから私はこのような2つのdivを持っています
<div class="parent">
<div class="child1"/>
<div class="child2"/>
</div>
child1 は position: fixed で、child2 と child1 を並べて表示したいです。
インラインブロックを使用してみましたが、うまくいきません。私は何をすべきか?
固定する必要がある要素をコンテナーに囲み、そのコンテナーを に設定しposition:fixed
、それに応じて子を配置します。おそらくfloat:left
とfloat:right
.
<div class="parent">
<div class="fixed-container">
<div class="child1"/>
<div class="child2"/>
</div>
</div>
JSBINはこちら
.child1 {
position:fixed;
}
.child2{
float:right;
margin-right:350px;
}
何かを「固定」すると、フローから外れるので、子 2 を絶対に配置できますが、それが入っているコンテナに対して相対的に移動します