相信各位从事前端的新人都有碰到这么一个问题：一个div盒子里放了两个元素，子元素都设置了占宽50%，却不能并排显示，其中一个被挤压到下一行；
当时碰到这种情况，在网上初步看到了解决方案：给子元素添加负的margin值就可以，然而对齐详细原因并未深究，今天刚好有个朋友问我这个问题，就顺便给大家分享一下吧。
代码如下：
<style>
.box{
width:200px;
height:100px;
}
img{
width:50%;
}
</style>
<body>
<div class="box">
<img src="">
<img src="">
</div>
</body>