CSS display 属性的重叠覆盖

原文详解：CSS display 属性的重叠覆盖
原文链接： http://licocom.com/archives/1168
CSS display属性，一般为隐藏某个标签的显示，

并列N个div或者标签消除隐藏，

我们需要将某个div展示，某些div隐藏。

js直接控制css变换即可，这样display=none属性便可生效。

生效后上面的div样式便会被显示的div覆盖。

<div style="width: 100%;margin-top: -4.5%  ">
    <div id="timeView" style="width: 100%;height:460px;text-align: center;">
        <%--按时间--%>
        <div id="box" style="width: 100%;height: 100%">
        </div>
    </div>
    <div id="productView" style="width: 100%;height:460px;text-align: center;">
        <%--按类型--%>
        <div id="product" style="width: 65%;height: 100%;margin-left: 10%"></div>
    </div>
    <div id="yardView" style="width: 100%;height:460px;text-align: center;">
        <%--按园区（饼图和柱状曲线）--%>
        <div id="cityIn" style="width: 49%;height: 280px;float: left;"></div>
        <div id="cityOut" style="width: 49%;height: 280px;float: left;"></div>
        <div id="cityColumnar" style="width: 75%; margin-left: 15%; height: 250px;"></div>
    </div>
</div>

以上为开发代码，面对开发需求，记录学习之路。