这是啥 CSS 规则?

Posted

技术标签:

【中文标题】这是啥 CSS 规则?【英文标题】:What is this CSS rule?这是什么 CSS 规则? 【发布时间】:2011-02-12 12:21:24 【问题描述】:

在suckerfish之子下拉菜单中:

http://www.htmldog.com/articles/suckerfish/dropdowns/example/

你看到了这条规则

w\idth: 13.9em;

这不可能是错字,因为它在 css 中多次出现。有什么用?

【问题讨论】:

@ozsenegal,那不是月亮...呃,错误 呃,使用ul 代替menu 来显示菜单...那是怎么回事? menu 是一个有效(已弃用)的 html 4 标记,默认情况下其行为类似于 ul。它被重新定义并在 html5 中有一个 type 属性,允许不同的显示方法。 【参考方案1】:

这称为CSS Hack。

某些浏览器会忽略\ 并将其视为width 属性;其他浏览器将忽略整个属性。

你可以看到一个完整的列表here。

【讨论】:

【参考方案2】:

对于旧版 IE,解决 incorrect box model 是一种“盒子模型破解”。

在此处阅读有关此特定 hack 的更多信息:http://css-discuss.incutio.com/wiki/Box_Model_Hack

【讨论】:

【参考方案3】:

它被称为Modified Box Model Hack

来自链接的网站:

如上所述,由于字符转义,SBMH 对 IE5.x/Win 是隐藏的。正确实现 CSS 框模型的 IE5/Mac 和 IE6/Win,因此,正确地获得了 100px 的宽度。

【讨论】:

【参考方案4】:

这可能与盒子模型破解有关。阅读此处了解更多信息:http://webdesign.about.com/od/css/a/aaboxmodelhack.htm

【讨论】:

以上是关于这是啥 CSS 规则?的主要内容,如果未能解决你的问题,请参考以下文章

隐藏属性 (HTML5) 和 display:none 规则 (CSS) 有啥区别?

Dreamweaver CS3中新建CSS规则的选择器类型的三类各有啥作用?

一个网站 css没有用id都是class这样有啥不好吗 正确的规则是啥样的呢

计算 IE 规则限制的 CSS 规则

Slick Slider css在边距规则中有`\9` [重复]

CSS里 width:inherit 啥意思