浮动（float）
float-right（left+top+bottom）
分别是右浮动左浮动上浮动和下浮动，
浮动会在某些时候带来一定影响，所以需要
清除浮动：clear：none（默认值） ——只有被浮动影响的标签才可以用，使用后该标签无法再浮动
left（清除左浮动）
right
...
实现效果：
实现此效果时候，先将布局分清楚，布局如下分为三大块
首先建立相应的代码布局：
<div>
<div>
<img></img>
</div>
<div>
<img></img>
</div>
<div>
<img></img>
</div>
</div>
在第三个div中排列图片的时候遇到了困难，此时用到了浮动（float）
我的图片排列顺序是这样的，在排列第三个图时，占据在第二个图的下方，所以需要给第三张图一个id，然后右浮动，这样才能到相应的位置去
代码：
.img3{
float: right; ——右浮动
201px;
height: 214px;
}
——————————————————分割线————————————————————————
溢出隐藏+溢出滚动
溢出是盒子的宽高固定的，且内容比盒子大，如图
这就是典型的溢出，那怎样隐藏多出来的部分？
就需要专门隐藏溢出的标签<overflow>
overflow:visible ——默认值，表示溢出的部分可见
hidden ——将溢出部分裁剪，且不可见
scroll ——将溢出变为滚动条（无论是否溢出都会有滚动条）
auto ——根据溢出的方向出现滚动条
overflow-x：横向溢出时的处理
-y：纵向溢出时的处理
经过处理后的效果：
