文章标题

/*需要注意：

1 main-left进行左浮动，main不浮动，但是main会独占一行，所以如果按照.main-left，.main，.main-right的顺序进行设置，则main-right将会被“挤到”下一行，所以用次方式进行布局时需注意顺序问题，书写顺序和表现顺序不一致

*/

.main-left,.main-right,.main{border: 1px solid #000;}

.main-left,.main-right(width:150px;height:200px;background-color:#ccc;)

.main(height:200px;background-color:yellowgreen;)

.main-left(float:left);

..main-right(float:right;)

三列自适应布局