已采纳回答 / GustinLau
*{margin:0;padding:0;}.demo01{background:#9EE2E8;width:600px;position:relative;margin:10px;}.demo01 .left{width:100px;float:left;}.demo01 .left img{margin-left:5px;border:2px solid;}.demo01 .right{width:500px;float:right;background:#EDE573;}.demo01 .right...
2015-12-14
最赞回答 / 慕男婶
不是的。margin是外边距，就是盒子与盒子之间的距离。padding是内边距，根据盒子模型可知，盒子的宽高也算上内边距，而背景图是从padding开始渲染的，所以你能看到背景。
2015-12-13
已采纳回答 / 懒懒萌萌的
这里不是图片的内边距，而是img标签的内边距，我们是用img标签来装图片的。打个比方，img标签就像是相框，而img标签中的图片就是相片，给img标签（相框）加内边距是为了把背景图片显示出来。希望能帮到你！
2015-12-10
最赞回答 / Mtodream
一个盒子的长度是内、外边距加内容宽度加边框宽度，右边整个是500px=458px+20*2（两个内边距）+1*2（左右两边边框），之前被挤压下来是因为加了边框多了2px，即502px了，按上面的调整下宽度刚好适应就会向上移动还原位置了。
2015-12-08
我现在的做法一般是先把大的框架搭出来，然后再细化。讲师的这个说法是先根据内容画出一个大的HTML框架，然后再通过CSS实现设计效果。但是其实图片应该也可以理解为是一种文字，应该也要在一开始考虑进去。虽然后期CSS效果也可以实现，但是如果一开始就把图片的部分也搭进去，直接从页面上反而更加直观，更加有利于开发人员对代码的理解。
