盒子模型的效果：
调整faceul的宽，可以调整每一排摆放的数目，调整div1的margin值，可以改变整体的位置，这是很有用的布局模式
===========================================================
html代码：
立即学习“前端免费学习笔记（深入）”；
================================================
CSS代码：
*{
margin:0px;
padding:0px;
}
.div1{
width:500px;
height:300px;
border:1px solid gray;
}
.faceul{
width:420px;
height:250px;
border:1px solid red;
}
.faceul li{
list-style-type:none;
float:left;
width:70px;
height:50px;
border:1px solid red;
margin-left:5px;
margin-top:5px;
}
.faceul img{
width:60px;
height:40px;
margin-left:5px;
margin-top:5px;
}
