用浮动+BFC实现自适应三栏布局

我想用左右浮动+BFC实现自适应三栏布局，
可为什么我这么写达不到预期的效果啊？
预期效果：

我的：

center要放在right下面

<div class="left"></div>
<div class="right"></div>
<div class="center"></div>

.center也得浮动