Html 忽略CSS高度元素
我有两个DataGrid表,我想使其达到200px的高度,但在我的css中有些东西覆盖了高度。当前,表在显示时有两种完全不同的大小 表:Html 忽略CSS高度元素,html,css,datagrid,dojo,Html,Css,Datagrid,Dojo,我有两个DataGrid表,我想使其达到200px的高度,但在我的css中有些东西覆盖了高度。当前,表在显示时有两种完全不同的大小 表: <table dojoType="dojox.grid.DataGrid" id="dnToCountDiv" data-dojo-id="dnToCountDiv" columnReordering="true" sortFields="['extension','totalcalls','to
<table dojoType="dojox.grid.DataGrid" id="dnToCountDiv" data-dojo-id="dnToCountDiv" columnReordering="true"
sortFields="['extension','totalcalls','totaloutboundcalls','internaloutboundcalls','localoutboundcalls','longdistanceoutboundcalls','internationaloutboundcalls','totalinboundcalls','inboundinternalcalls','inboundexternalcalls']"
rowWidth="100%"
noDataMessage="<span class='dojoxGridNoData'>No Calls to Show</span>"
class="statisticsTable">
<thead>
<tr>
<th field="extension" width="100%" >Extension</th>
<th field="totalcalls" width="100%" >Total</th>
<th field="totaloutboundcalls" width="100%" > Total Out</th>
<th field="internaloutboundcalls" width="100%" >Internal Out</th>
<th field="localoutboundcalls" width="100%" >Local Out</th>
<th field="longdistanceoutboundcalls" width="100%" >Long Dist Out</th>
<th field="internationaloutboundcalls" width="100%" >Internat. Out</th>
<th field="totalinboundcalls" width="100%" >Total In</th>
<th field="inboundinternalcalls" width="100%" >Internal In</th>
<th field="inboundexternalcalls" width="100%" >External In</th>
</tr>
</thead>
</table>
<!-- dn to call time table -->
<h3>Call Time Per Extension
<button data-dojo-type="dijit.form.Button" id="call_time_help_button" data-dojo-props="iconClass: 'helpIconClass'">Column Key
<script type="dojo/method" data-dojo-event="onClick" >
alert("call Time help pressed");
</script>
</button></h3>
<table dojoType="dojox.grid.DataGrid" id="dnToTimeDiv" data-dojo-id="dnToTimeDiv" columnReordering="true"
sortFields="['extension','totalcalls','totaloutboundcalls','internaloutboundcalls','localoutboundcalls','longdistanceoutboundcalls','internationaloutboundcalls','totalinboundcalls','inboundinternalcalls','inboundexternalcalls']"
rowWidth="100%"
noDataMessage="<span class='dojoxGridNoData'>No Calls to Show</span>"
class="statisticsTable">
<thead>
<tr>
<th field="extension" width="100%" >Extension</th>
<th field="totalcalls" width="100%" >Total</th>
<th field="totaloutboundcalls" width="100%" > Total Out</th>
<th field="internaloutboundcalls" width="100%" >Internal Out</th>
<th field="localoutboundcalls" width="100%" >Local Out</th>
<th field="longdistanceoutboundcalls" width="100%" >Long Dist Out</th>
<th field="internationaloutboundcalls" width="100%" >Internat. Out</th>
<th field="totalinboundcalls" width="100%" >Total In</th>
<th field="inboundinternalcalls" width="100%" >Internal In</th>
<th field="inboundexternalcalls" width="100%" >External In</th>
</tr>
</thead>
</table>
}
边框等都被正确地添加了,所以它可以看到CSS。当我打开firebug时,当我检查其中一个表上的html时,会得到以下信息。它承认element.style正在覆盖高度
我该如何解决这个问题
谢谢只有使用才能覆盖样式属性!重要的
你应该避免!无论如何,这是非常重要的!重要信息只能由覆盖!重要的是,内联样式只能覆盖整个样式表!重要的风格,如果他们自己!重要的,还有!CSS根本无法覆盖重要的内联样式。如果您可以避免创建首先需要覆盖的样式属性,那么一定要这样做。样式属性只能通过使用来覆盖!重要的
你应该避免!无论如何,这是非常重要的!重要信息只能由覆盖!重要的是,内联样式只能覆盖整个样式表!重要的风格,如果他们自己!重要的,还有!CSS根本无法覆盖重要的内联样式。如果您可以避免创建首先需要覆盖的样式属性,那么一定要这样做。仅限!重要的规则比样式属性更强大。啊,完美的修复了它,谢谢。如果您想要分数,请将其作为答案提交,我只接受!重要的规则比样式属性更强大。啊,完美的修复了它,谢谢。如果你想分数提交它作为一个答案,我会接受它。应该提到的使用!“重要提示”表示CSS很差。@AdamWaite我不是说不应该使用样式属性吗?如果你知道一种更好的表达方式,你可以自由地适当编辑我的答案。@AdamWaite better now?应该提到使用!“重要提示”表示CSS很差。@AdamWaite我不是说不应该使用样式属性吗?如果你知道一种更好的表达方式,你可以自由地适当编辑我的答案。@AdamWaite现在更好了吗?
.statisticsTable {
width: 800px;
height: 200px;
border-style:solid;
border-width:1px;
border-color:#C1C1C1;
.statisticsTable {
height: 200px !important;
/* ... */
}