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

前端之家收集整理的这篇文章主要介绍了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.如果您希望它使用浏览器默认值,请不要设置显示属性.

原文链接:https://www.f2er.com/html/231607.html

猜你在找的HTML相关文章