请问为什么我的照着一模一样的，左边板块和中间板块中间会有空隙呢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>三列布局</title>
<style type=text/css>
body{margin:0;padding:0}
.left{width:200px;height:500px;background:#ccc;position:absolute;left:0;top:0}
.middle{height:500px;background:#999;margin:0 300px 200px }
.right{width:300px;height:500px;background:#ddd;position:absolute;right:0;top:0}
</style>
</head>
<body>
<div class="left">200px</div>
<div class="middle">梦想不难是实现，难的是经过1000个花花绿绿的诱惑，看过一千种奇奇怪怪的想法后，你还依然坚持自己的梦想。</div>
<div class="right">300px</div>
</body>
</html>
