如何在 div 中添加 clearfix答案

【问题标题】：How to add clearfix just inside a div如何在 div 中添加 clearfix
【发布时间】：2014-07-13 15:15:03
【问题描述】：

我有一个图像和一个 div。我希望“text2”在“text1”下。当我添加clearfix时，“text2”在图像下。

我知道我可以使用“br”但不使用“<br>”也可能具有相同的效果

DEMO

【问题讨论】：

jsfiddle.net/bSrPB/1
奥卡姆剃刀：只是不要清除任何东西。 jsfiddle.net/MrLister/bSrPB/4

标签： html clearfix

【解决方案1】：

你想要文字覆盖图片吗？

如果是这样，你可以在 div 上使用相对位置，在文本上使用绝对位置，如果文本仍在图像下，你可以使用 z-index: 999 如果你想强制文本覆盖图像

【讨论】：

【解决方案2】：

只需将float: left 添加到您的子 div 元素中，如下所示：

<div>
    <img src="http://lorempixel.com/100/80/" style="float:left">
    <div style="float:left"> 
        <span>TEXT1</span>
          <div class="clear"></div> 
        <span>TEXT2</span>
    </div>
</div>

Online example

【讨论】：