大div包含5个小div，如何让大div左右没有内边距，小div间有边距，且平分大div？
写了个粗糙版
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title></title>
<style type="text/css">
.small{
border:1px solid black;
float: left;
/*Firefox*/
width: -moz-calc(100%/5 - 2px);
/*chrome safari*/
width:-webkit-calc(100%/5 - 2px);
width: calc(100%/5 - 2px);
height:200px;
}
</style>
</head>
<body>
<div id="big" style="width: 600px;height:200px;padding: 0;border:1px solid blue; ">
<div id="small1" class="small">small1</div>
<div id="small2" class="small">small2</div>
<div id="small3" class="small">small3</div>
<div id="small4" class="small">small4</div>
<div id="small5" class="small">small5</div>
</div>
</body>
这个东西主要是css吧？ 用原生态就可以做啊？ 况且好多前端框架都有这类似功能，而且适应性好。
初学的话：Div主要把padding border 设一设 ，div大小设一设。。。。