0

左右の要素の上にとどまるように要素をフロートさせたいです。これは、要素を本体に移動してから、position:absoluteおよび左上のjavascriptを使用して、相対要素の隣に配置することで簡単に実現できます。

親はいつでも変更できるため(ページングシナリオ)、アイテムは親にとどまる必要があるため、この方法を使用することはできません。

とにかくアイテムを元のコンテナに残して浮かせることはできますか?

私はposition:relativeを使ってみました。しかし、それは私がそれを必要としているので動作しません

さらに詳しい情報:マークアップは次のようになります、pseduoコード

<parent>
       <sibling></sibling>
       <my-float-element></my-float-element>
</parent>
<parent-sibling></parent-sibling>

そして、望ましい結果を示す画像 ここに画像の説明を入力してください

  • 青:親
  • 紫:親の兄弟
  • シアン:兄弟
  • 赤:浮かせたい要素

編集:誰かがタグを変更しました、私はこれを解決するためにある程度javascriptを使用することができます

4

2 に答える 2

2

親にposition: relative絶対ポジショニングを持たせ、使い続けます。これにより、子の位置がbody要素ではなく親の左上隅にスコープされます。

于 2012-06-25T11:01:06.723 に答える
1

これを見てください

重複するdivを作成する方法は?

于 2012-06-25T11:28:44.363 に答える