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

回答