不起作用的浮动，你万万想不到

/*先贴html*/

                <div class="subcont">
                    <img src="image/Latte.jpg" alt="">
                    <div class="subtext">
                        <h2>拿铁Caffè Latte</h2>
                        <p>这是一种传统的经典饮料——浓缩咖啡调入热牛奶，其上覆盖一层轻盈的奶沫。
                            品尝此款咖啡时，您可以选择特别加入某种口味（如香草，焦糖或杏仁口味）的糖浆。</p>
                    </div>
                </div>
/*接下来贴样式*/
.subcont{
    width: 570px;
    color:#673929;
    clear: both;
    margin: 10px auto;
}
.subcont img{
    margin: 5px;
    padding: 5px;
    float: left;
    border: 1px dashed #000;
}
.subcont.subtext{
    font-size: 16px;
    float: left;
}

.subcont.subtext{
    font-size: 16px;
    float: left;
}

如果上面这段样式，没有加".subcont"怎么都浮动不起来就像下面这样

总结：样式表达的范围尽量写的准确详细。