不太了解css,纯粹是一个
Java / J2EE开发人员,但是在某些我无法解决的CSS拼图中,
我正在使用一个具有Jquery灯箱效果的表单,它具有id和class的div
<div id="contact-container"
class="myclass"
style="z-index: 1002; height: 386px; width: 450px; position: fixed; left: 406.5px; top: 15%; ">
在我的css文件中,我看到以下条目
#contact-container {
font: 16px/22px 'Trebuchet MS',Verdana,Arial;
text-align:left;
width:450px;
}
但是当这个表单显示为jquery弹出窗口时,它会在Mozilla中正确显示,但是在Google Chrome和IE上,该框没有正确地出现,只能作为滚动条的一部分.
当我通过firebug(第一次使用:)看到它)显示我的东西
<div id="contact-container"
class="myclass"
style="position: fixed; z-index: 1002; height: 67px; width: 450px; left: 406.5px; top: 15%;">
对于IE和Mozilla来说,对于相同的设置来说,这是不正确的,所以在大量的Goggling之后,我做了以下更改
#contact-container {
font: 16px/22px 'Trebuchet MS',Arial;
text-align:left;
width:450px;
height:380px !important;
}
我按高度固定高度：380px！important;
虽然这解决了我的问题,但不知道CSS我不知道这是否是正确的方法,我搜索高度,但没有在任何地方定义.
请建议我采取了错误的做法
解决方法
重要的是一个有用的工具,但缺点是它是一种最后的工具.所以你不想过度使用它,因为你会最终导致头痛的道路上的任何人谁维护网站.
但是,您的示例是典型的用途.发生了什么事情是JS正在注入内联样式属性.因此,这是跨越CSS中的级联.重要的是让你过度骑行.
