在父div中使用文本浮动div

Question

我有<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 ||
|...................... +-----------+|
|....................................|
|....................................|
+------------------------------------+

我的问题是我不想将第二个（子）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与父文本一起浮动

Answer 1

否float，仅margin-left:auto和margin-right:0：http://jsfiddle.net/tovic/2QVX8/21/

编辑：如下面的评论： 使用绝对位置设置原始框，然后创建浮动假元素作为原始框的空间：http://jsfiddle.net/tovic/2QVX8/22/