1

<div>親の中に浮かせたいものがあります<div>。親divには、次のようなHTMLエントリが含まれています。texts, images, tables

私がHTMLこのようにすると、それは私が望む結果をもたらします

<div class="parent-div">
<div class="child-div">
Child div content
</div>

Parent div HTML content
</div>

結果

+---------- parent div --------------+
|Parent HTML content... +-----------+|
|...................... | child div || 
|...................... | child div ||
|...................... +-----------+|
|....................................|
|....................................|
+------------------------------------+

私の問題は、親コンテンツの前に2番目の（子）divコンテンツを配置したくないことです。

このようなHTMLを作りたい

<div class="parent-div">
Parent div HTML content

<div class="child-div">
Child div content
</div>
</div>

上記のようなHTMLを作成すると、完全な親HTMLの後に子divがレンダリングされます。

上記の結果

+---------- parent div --------------+
|Parent HTML content.................|
|....................................| 
|....................................|
|....................................|
|                       +-----------+|
|                       | child div ||
|                       | child div ||
|                       +-----------+|
+------------------------------------+

私は子供divにこれらのスタイルを使用しています<div style="width:200px; float:right;">

親テキストが終わっchild divた後に投稿した場合、親テキストと一緒にフロートすることは可能ですか？child div

4

1 に答える 1

0

いいえfloat、ただmargin-left:auto、そして：http margin-right:0: //jsfiddle.net/tovic/2QVX8/21/

編集：以下のコメントのように：元のボックスを絶対位置に設定してから、元のボックスのスペースとしてフローティングの偽の要素を作成します：http: //jsfiddle.net/tovic/2QVX8/22/

于 2012-07-14T18:52:37.520 に答える