浮動（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; ——右浮動
width: 201px;
height: 214px;
}
——————————————————分割線————————————————————————
溢出隱藏+溢出滾動
溢出是盒子的寬高固定的，且內容比盒子大，如圖
這就是典型的溢出，那怎樣隱藏多出來的部分？
就需要專門隱藏溢出的標簽<overflow>
overflow:visible ——默認值，表示溢出的部分可見
hidden ——將溢出部分裁剪，且不可見
scroll ——將溢出變為滾動條（無論是否溢出都會有滾動條）
auto ——根據溢出的方向出現滾動條
overflow-x：橫向溢出時的處理
-y：縱向溢出時的處理
經過處理后的效果：
