同一行的两个div，宽度加起来100%，为何换行？怎么处理

解决方法:

让父元素font-size:0

 

<div class="container">

   <div class="div1"></div>

   <div class="div2"></div>

</div>

<style>

.container{
  width:100%;

  font-size:0;

}

.dev1{
  display:inline-block;

  width:30%;

}

.div2{

  display:inline-block;

  width:70%;

}

</style>