css - 使用填充

Question

我想做一些设计调整。下面是HTML代码：我使用padding-left为.addmenu-item

<div class="addbox"> 
<h4><span>Pick your best work from <b class="highlight-text">Flickr</b> to display in your portfolio</span></h4> 
<div class="addmenu-item"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info">Orchid Profiles</span></div> 
<div class="addmenu-item"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info">Orchid Profiles</span></div> 
</div>​ 

但它不是完美的，因为你可以在图片中看到。问题是与background颜色，我尝试了一些其他的方法，但没有用。

这里的jsfiddle http://jsfiddle.net/Dkh4q/34/

谢谢！

UPDATE 对不起，问题是图像项目没有完全隔开。我忘了试试margin-left。

Answer 1

而不是padding-left: 20px;集margin-left: 20px;财产。

你应该知道他们之间的差异。

当你想独立元素，只需使用margin财产不padding。

填充是边框内边框之间的空间，边框和 实际视图的内容。

边距是边界之外的空间，边界和此视图旁边的其他元素之间的空间。

有关difference between padding and margins的更多信息：

Answer 2

我打开了你的jsfiddle，但我不明白什么是你的问题。尝试使用余裕。

编辑：hawaii.five-0在这打败我。