css - 为什么我的图片重叠？

如果你可以在我的网站http://goo.gl/ok43H上的“装备”部分，你会看到头像图片垂直重叠，我想每个至少有10px btw。什么是问题，我该如何解决这个问题？非常感谢！css - 为什么我的图片重叠？

2012-07-20 Greg

在Chrome和Firefox中看起来不错。 – j08691 2012-07-20 19:13:18

是啊，发布一些标记 – 2012-07-20 19:36:36

尝试：

.equipe-bio { 
padding: 0 0 0 110px; 
position: relative; 
width: 50%; 
margin-left: 10%; 
margin-bottom: 24px; 
}

你可以用你想要的像素任何数量取代margin-bottom: 24px;，但这将在图像之间创造空间。

祝你好运！

2012-07-20 19:14:23

非常感谢，像一个魅力工作！ – Greg 2012-07-20 20:48:59

你需要做两件事情：

.equip，生物需要{溢出：隐藏;边距：25像素; }

起飞位置：绝对;在每个图像上，而是给它浮动：左; 这些段落都是每个图像的一部分，将它们分组为一个float：left; （并且很可能还有一些保证金）。

这应该为你解决它！

2012-07-20 19:16:13

谢谢，实际上我认为我会使用margin-bottom：30px，似乎工作正常！感谢您的帮助 – Greg 2012-07-20 20:48:38

将min-height属性添加到主要的equipe-bio元素。我试过min-height: 100px;，结果很好。无论p标签中的内容是什么，或者生物的身材如何短小，盒子都不会缩小到低于100像素的高度。

2012-07-20 19:28:52 Blieque

好主意，谢谢您的建议！ – Greg 2012-07-20 20:50:03

没问题！乐意效劳。 :) – Blieque 2012-07-20 21:13:51

回答