div盒子边距_CSS盒子内边距问题

盒子模型-练习

html>

盒子模型-练习

*{

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;

}

    

    

    

    

    

    

这是我用Webstorm打出来的，但是在右边总是有那么一小点突出，怎么将那两条线合并？还有为什么要将宽度.content的宽度从770减到740并且将图片.img的左右margin从18减到15才能勉强达成目标？视频在http://www.imooc.com/video/1331，而且视频中老师最后将770直接减到700才达成目标，这是为什么