The CSS3 box-sizing property is used to realize two containers side by side. How to realize if there is a space between the containers

  css3, question

clipboard.png

“`
<style>
.container{
margin: 10px 20px;
height: auto;
overflow: hidden;
}
.box{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox/
-webkit-box-sizing:border-box; /
Safari */
width:50%;
float: left;
height: 80px;
margin-bottom: 10px;
background: #fff;
border-top: 5px solid #004389;
text-align: center;
}
</style>

<div class="container">
 <div class="box">
 < a href="" class="post "> product manager < /a >
 < span > Guangzhou < /span >
 <span class="salary">10k-15k</span>
 </div>
 <div class="box">
 < a href="" class="post "> product manager < /a >
 < span > Guangzhou < /span >
 <span class="salary">10k-15k</span>
 </div>
 </div>


To realize that there is a certain interval between two side-by-side containers, and when the browser width changes, the interval width will not change.

Just set the margin value, but the width needs to be adjusted slightly.