相信各位從事前端的新人都有碰到這么一個問題：一個div盒子里放了兩個元素，子元素都設置了占寬50%，卻不能並排顯示，其中一個被擠壓到下一行；
當時碰到這種情況，在網上初步看到了解決方案：給子元素添加負的margin值就可以，然而對齊詳細原因並未深究，今天剛好有個朋友問我這個問題，就順便給大家分享一下吧。
代碼如下：
<style>
.box{
width:200px;
height:100px;
}
img{
width:50%;
}
</style>
<body>
<div class="box">
<img src="">
<img src="">
</div>
</body>