html – Div显示：初始未按照ie10和chrome 29中的预期工作

我想显示一个具有以下限制的div：

>自动隐藏1024px宽度
>可以在1024px宽度下按钮切换,但如果我单击somwhere(不在div内),应删除activeDiv类

我在codepen有一个虚拟的例子

因此出现以下问题：

>在IE10中,切换按钮不起作用(不隐藏/显示div)我使用开发人员工具检查,但没有显示的迹象：initial
>在Chrome 29中,div旁边没有按钮. (Firefox是一样的)
我知道div的默认显示是block,但这个css不仅仅是div标签,这也是我尝试使用initial的原因.

解决方法

initial并不意味着“给定元素的给定属性的默认值”.它表示“由规范定义的给定属性的默认值”.显示的初始值是内联的,而不是块,如 here所述.这与您应用它的元素类型无关.如前所述,IE不支持初始关键字.

如果要将元素显示为块,请使用display：block.如果希望它以内联方式显示,请使用display：inline.如果您希望它使用浏览器默认值,请不要设置显示属性.