css布局的一些问题

Question

    
    <style>
    .left{
        width: 100px;
            height: 200px;
        background: blueviolet;
    }
    .right{
        width: 100px;
            height: 200px;
        background: green;
    }
    .center{
        height: 200px;
        background: yellow;
    }
    </style>

大概类似于圣杯布局，.left和.right的宽度都是固定的。居中的div宽度是随着屏幕拉伸的。
但是要求当屏幕宽度小于640px 的时候，左右的div隐藏。

这样的css该怎么去写呢？

Answer 1

Demo

Answer 2

用 @media