html - DIV 布局使用 float 或 in-block 将 div 右对齐

Question

我试图将几个 div 对齐到这个结构中，但没有任何效果。

<div>
     <div>top</div>
     <div>middle
          <div>left</div> <div>right</div>
     </div>
     <div>bottom</div>
</div>

我试过将 float 与绝对值、 block 等一起使用，我最接近的是使用 block 内联，但我需要右对齐的 div 刚好靠近左 div，我添加了文本右对齐，没有任何乐趣。

非常感谢

Answer 1

试试这个

<div>
    <div>top</div>
    <div>
        <div style="float:left;">left</div>
        <div style="float:left;">right</div>
    </div>
    <div style="clear:both;">bottom</div>
</div>

带有 clear:both 的底部 div 可能还不够，但在这个特定示例中可以解决问题

google clearfix for this