html - css布局的一些问题

问题描述

问 题

    
    <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该怎么去写呢？

解决方案

Demo

这篇关于html - css布局的一些问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！