盒子模型-练习 盒子模型-练习 *{ padding: 0px; margin: 0px; } img { border:1px solid #BADBDB; margin:10px 15px; } .content { border: 4px solid #BADBDB; width: 740px; background:url("./picture/t_book.gif") no-repeat; background-color: #EFF9F9; padding: 44px 15px 15px; } [img=80px,80px]https://www.tianmg.com/.picturebook1.jpg[/img] [img=80px,80px]https://www.tianmg.com/.picturebook2.jpg[/img] [img=80px,80px]https://www.tianmg.com/.picturebook3.jpg[/img] [img=80px,80px]https://www.tianmg.com/.picturebook4.jpg[/img] [img=80px,80px]https://www.tianmg.com/.picturebook5.jpg[/img] [img=80px,80px]https://www.tianmg.com/.picturebook6.jpg[/img]
这是我用Webstorm打出来的,但是在右边总是有那么一小点突出,怎么将那两条线合并?还有为什么要将宽度.content的宽度从770减到740并且将图片.img的左右margin从18减到15才能勉强达成目标?视频在http://www.imooc.com/video/1331,而且视频中老师最后将770直接减到700才达成目标,这是为什么 |