三列自适应布局,左中右宽度分别设置15%,60%,25%,为什么右边和中间有条缝呢
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
body{margin:0; padding:0;}
.left{width:15%; height:800px; background:pink; float:left}
.middle{width:60%; height:800px; background:blue; float:left}
.right{width:25%; height:800px; background:black; float:right}
</style>
</head>
<body>
<div class = "left">left</div>
<div class = "middle">middle</div>
<div class = "right">right</div>
</body>
</html>