不能在div中浮动img和div

Question

我想将float图片和div留在另一个div

中

<div class='cardL'>
<img class='imgL' src='init/left.jpg' alt='image'>
<div class='txt'>
<p>aaaa aaaaaaaa aaaaaaaaa aaaaaaaaa aaaaaaaaa aaaaa aaaaaaa aaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaa aaaaaaaaaaaaaaaaa</p>
</div>
<div class='clear'></div>
</div>

CSS

.cardL{
    border:2px ridge #b30000;
    border-radius:5px;
}
.imgL{
    float:left;
}
.txt{
    float:left;
    background:yellow;
}
.clear{
    clear:both;
}

img和div没有浮动，但已堆叠。

jsfiddle是HERE

（我还应该写什么呢？我在这里看到一个红色的说明，帖子不够详细，不能发送。所以所有这些文字都是不需要的）

Answer 1

对浮动元素和宽度display: block;执行。

Answer 2

您必须将width设置为float。

你走了：

http://jsfiddle.net/tXjD7/2/

Answer 3

修改样式：

.imgL{        
    float:left;
}  

为：

.imgL{
    display:block;
    width:100px;
    float:left;
}