Div显示：在ie10和chrome 29中，初始不按预期工作

2018-06-27 01:16:43

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

自动隐藏在1024像素宽度以下

可以通过1024像素宽度下的按钮进行切换，但如果我点击somwhere（不在div内），则应删除activeDiv类

我在codepen上有一个虚拟示例

所以发生了以下问题：

在IE10中，切换按钮不起作用（不隐藏/显示div）我使用开发人员工具进行了检查，但没有display: initial符号display: initial

在Chrome 29中，div出现在下面的按钮不在它下面。（Firefox是一样的）
我知道div的默认display是block ，但这个css不仅适用于div标签，所以我尝试使用initial 。

initial并不意味着“给定元素的给定属性的默认值”。它的意思是“由规范定义的给定属性的默认值”。如此处所述， display的初始值是inline ，而不是block 。这与您将其应用于哪种元素无关。如前所述，IE不支持initial关键字。

如果要将元素显示为块，请使用display: block 。如果您希望将其内联显示，请使用display: inline 。如果您希望它使用浏览器的默认设置，请不要设置display属性。

这是什么意思？

这个CSS不仅适用于div标签

显示：初始为CSS3，IE10不支持。如果没有指定显示规则，它可以继承，它将回退显示：inline。

display:block;
display:initial;

提供了后备显示：块。

链接地址: http://www.djcxy.com/p/75635.html