html - 分区显示:initial not working as intended in ie10 and chrome 29

Question

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

• 在 1024px 宽度下自动隐藏
• 可以通过 1024px 宽度下的按钮切换，但如果我点击某处(不在 div 内)，则应删除 activeDiv 类

我在 codepen 有一个虚拟示例

于是出现了以下问题:

• 在 IE10 中，切换按钮不起作用(不隐藏/显示 div)我检查了开发人员工具，但没有 display: initial
的迹象
• 在 Chrome 29 中，div 出现在按钮旁边，而不是在它下面。 (火狐也是一样)
  我知道 div 的默认 display 是 block，但是这个 css 不仅适用于 div 标签，这就是我尝试使用 的原因初始。

Answer 1

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

如果你想让一个元素显示为一个 block ，使用display: block。如果你想让它内嵌显示，使用display:inline。如果您希望它使用浏览器的默认设置，不要设置 display 属性。