Div標籤互相堆疊

Question

我需要一些CSS問題的幫助。

我想創建一系列使用div標籤的按鈕。問題在於它們都是作爲一個整體堆疊在一起的。

的代碼是在http://codepen.io/CliffTam/pen/gadEaq

有人可以看看代碼，並建議我對如何解決這一問題？

我嘗試創建一個單獨的DIV標記類'框'並設置顯示：塊。

div.box { 
    margin: 5px; 
    padding: 5px; 
    height: auto; 
    width: auto; 
    display: block; 
    position: absolute; 
} 

然而，他們仍然在一起。

謝謝！ 崖

Answer 1

更改position: absolute;到position: relative;，爲.box和.profile-image，其層疊他們倆。

通過絕對定位他們，他們堅持左上角，這意味着所有基本上合併成一個...

http://codepen.io/samuidavid/pen/JYaVOQ