如何在div中添加clearfix

时间:2014-05-24 08:58:13

标签: html clearfix

我有一个图像和一个div.I想要" text2"接受" text1" .WHen我添加clearfix" text2"来自形象。

我知道我可以使用&#34; br&#34;但是如果没有&#34; <br>&#34;

,可能会产生相同的效果

DEMO

2 个答案:

答案 0 :(得分:0)

你想要图像上的文字吗?

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

答案 1 :(得分:0)

只需将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