css - 为什么我的图像重叠?

时间:2012-07-20 19:12:18

标签: css html overlapping

如果您可以在我的网站http://goo.gl/ok43H上划分“Equipe”,您会看到头像图片垂直重叠,我希望每个图片至少有10px btw。 问题是什么?我该如何解决这个问题? 非常感谢!

3 个答案:

答案 0 :(得分:0)

尝试:

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

您可以使用任意数量的像素替换margin-bottom: 24px;,但这会在图像之间创建空间。

祝你好运!

答案 1 :(得分:0)

你需要做几件事:

.equip-bio需要{overflow:hidden;边距:25像素; }

起飞位置:绝对;在每个图像上,而是让它浮动:左; 这些段落都是每个图像的一部分,将它们组合成一个浮点数:left; (并且很可能还留有一些余量)。

那应该为你修好!

答案 2 :(得分:0)

min-height属性添加到主equipe-bio元素。我试过min-height: 100px;,结果很好。无论p标签中的内容是什么,或者生物是多么短,该框都不会缩小到100像素以下。