Question

CSS四个DIV自适应屏幕宽度，间距相同怎么写?

4个色块宽度相同，自适应屏幕，然后当中间距都为15px,要怎么写？

Answer 1

<div class="box"><div></div><div></div><div></div><div></div></div>
<style>
*{padding:0;margin:0;}
.box{
width:80%;
height:200px;
margin:auto;
display:flex;
flex-direction: row;
border:1px solid #000;
}
.box>div{
height:100%;
flex:1;
background:red;
}
.box>div:not(:first-child){
margin-left:15px;
}
</style>

Answer 2

/*css */
* {margin: 0;padding: 0}
  #box {width:100%;text-align: center;margin: 20px auto}
  #box>div {height: 200px;width:-webkit-calc(25% - 15px);background: #ddd;display: inline-block;}
  #box>div:not(:first-child){margin-left:15px;}

<!--html-->
<div id="box">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>