如何將margin應用於子div而不影響父div？

Question

我想將保證金應用於特定的子div 2 * 「＃child2」 *，但它也對父div應用了保證金。問題是保證金崩潰。

<div id="parent"> 
    <div id="child1" class="child">hello1</div> 
    <div id="child2" class="child">hello1</div> 
    <div id="child3" class="child">hello1</div> 
</div> 

CSS

#parent{ 
    overflow:auto; 
    padding-top: -1px; 
    margin-top: 1px; 
} 
.child{ 
    margin:0 30px; 
    display:inline-block; 
    background-color: #5395ce; 
    padding: 5px; 
} 
#parent{ 
    background-color: #000; 
} 
#child2{ 
    margin-top: 15px; 
} 

下面是代碼：http://jsbin.com/nibaw/5/edit?html,css,output

Answer 1

定義您您.child類vertical-align:top;

.child{ 
vertical-align:top; 
} 

Answer 2

擺脫

#child2 { 
    margin-top: 15px; 
} 

這是增加15px的上邊距。