CSS display 属性的重叠覆盖

原文详解：CSS display 属性的重叠覆盖
原文链接：
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>

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