增加div的寬度

Question

我的div有問題。我創建了3個具有相同類的div。我想創建3張帶有頭像和個人信息的卡片，但這些div是「粘貼」的。我想在它們之間打一個空白（從右側開始），但是當我填充右側時，沒有空白，但有更多的背景色。如何在不改變寬度的情況下分開這三個div？

這裏是我的代碼：

<div id="team"> 
    <div class="id"> 
     <div class="idContent"> 
     <!--Here is content in a frame!--> 
    </div> 
    </div> 

    <div class="id"> 
     <div class="idContent"> 
     <!--Here is content in a frame!--> 
    </div> 
    </div> 

    <div class="id"> 
     <div class="idContent"> 
     <!--Here is content in a frame!--> 
    </div> 
    </div> 
</div> 

http://codepen.io/anon/pen/PbMBPy

感謝您的幫助！

Answer 1

你必須使用的margin-right: 25px;代替padding-right: 25px;

Answer 2

使用保證金的權利，而不是填充右