* { padding:0; margin:0;}       /*设置所有对像的内边距为0*/
body { text-align:center;}      /*设置页面居中对齐*/
#photo-list {
/* 6张图片的宽度（包含宽度、padding、border、图片间的留白）
计算：6*(100+2*2+1*2+9) - 9 
之所以减去9是第6张图片的右边留白 */
   width:80%;  
/* 图片的宽度（包含高度、padding、border）
   计算：100+2*2+1*2  */ 
    height:106px;  
    margin:20px auto; 
 overflow:hidden;     /*溢出部份将被隐藏*/ 
    border:2px dashed #ccc;  
}  

        .rightB{
            width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;right:0;top:45%;line-height:70px;text-align: center;cursor: pointer;display: none;
        }
        .leftB{
            width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;left:0;top:45%;line-height:70px;text-align: center;cursor: pointer;display: none;
        }
#photo-list ul { list-style:none;}  
#photo-list li { float:left; padding-right:7px;}  
#photo-list img { border:1px solid #ddd; background:#fff; padding:0px;}