/*先贴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"怎么都浮动不起来就像下面这样
总结:样式表达的范围尽量写的准确详细。