如何垂直堆疊圖像，無邊框之間

Question

我確定這是一個基本問題，但是如何垂直堆疊div而無邊框？ （0px）我試圖堆疊兩個圖像（暫時）在另一個之上，但圖像沒有完全接觸，相反它們的間距爲4px。我正在使用display：block;向左飄浮;並因爲我有一個頭以上我也使用top：-4px;它將刪除標題和頂部圖像之間的4像素空間，但不會刪除底部圖像以及位置：相對;向上移動頁面的全部內容。使用我碰巧知道的所有方法，通過-4px刪除空格隻影響頂部圖像，而不是所有圖像。有什麼可以解決這個問題嗎？我應該甚至使用div還是應該使用別的東西？謝謝！

Answer 1

解決方案1：

如果div的只包含圖像，只需添加font-size: 0到div CSS規則。這將刪除底部空間。

解決方案2：

添加vertical-align: bottom;到img CSS

見兩個解決方案在這裏codepen：http://codepen.io/anon/pen/NdNQjw

Answer 2

此加入的div的CSS，看看它是否會工作：

margin: 0; 
padding: 0;