在内容中
一行内容包括三张图片，每张图片下面有标题和具体介绍，那么可以使用：
分析和解决如下步骤：
1，一行三块，先向左浮动成为一行float:left。
2，把他们的宽度平分三份，33.3%。三份都一样，所以共同属性写在comment中。
3，再调整他们的内边框，外边框等等。调整好外面一层，再写里面一层。从外面到里面敲代码。
4，因为下面三块的内容的样式基本都差不多，所以在写框架时，可以把它们重复的全部整理写到一起。
5，存在换行时，基本都使用块级元素div h1等等，如果不存在换行的话才使用span标签。
6，整理代码，把相同样式写到一起。
<div class="main">
<div class="common one"> /*common:共同的 这个class是写三个块的共同样式，one：描述，这是写每个块自己独特的样式*/
<img src=""/>
<h1> </h1>
<div> </div>
</div>
<div class="conmment two> /*common:共同的 这个class是写三个块的共同样式，two：描述，这是写每个块自己独特的样式*/
<img src=""/>
<h1> </h1>
<div> </div>
</div>
<div class="conmment two> /*common:共同的 这个class是写三个块的共同样式，third：描述，这是写每个块自己独特的样式*/
<img src=""/>
<h1> </h1>
<div> </div>
</div>
</div>
=================