这将是编写此CSS的更好方法

时间:2015-09-25 13:05:30

标签: css cross-browser

我的页面有一个H2类,上面写着

H2.clearboth {clear: both; height:16px;}

这在I.E.中工作正常但是在Firefox和Chrome中,我需要忽略height属性,因为这会弄乱设计。我有办法为Firefox和Chrome做这个吗?

所以我尝试使用特定浏览器-moz,但没有特定的属性可以忽略height

感谢您提供任何帮助或建议,

感谢, 保罗

1 个答案:

答案 0 :(得分:0)

您可以将IE视为异常,并在您的html中添加:

<!--[if IE]>
<style>
    H2.clearboth {height:16px;}
</style>
<![endif]-->

然后你的CSS可以没问题:

H2.clearboth {clear: both;}

更好的是,为什么你只在IE上使用H2{height:16px;}而不是在所有浏览器上?