无法覆盖现有的CSS

Question

我在我的项目中使用了here提到的示例。我想拉伸桌子以适应整个页面。

所以，我做了：

html, body{
    height: 100%;
}

#gridContainer {
    height: 100%;
}

table{
    width: 100%;
    height: 100%;
}

问题是，只有表头出现在页面上并且它被正确拉伸。行不会显示。我还尝试将<script>放在<style>之前，但没有运气。

我该如何解决这个问题？

Answer 1

进行以下更改。

table, div {
   width: 100% !important;
}

Answer 2

.dojoxGridxBody, .gridContainer, table, #gridContainer {
    width: 100% !important;
}

如果您不想进行其他更改，则必须使用!important来覆盖某些原始CSS。但您可以使用chrome检查器找出此样式覆盖的内容，删除旧CSS中没有设置的宽度，然后删除!important

然而，这个页面远非理想布局，因为当您更改列结构时，页面会变得越来越宽。实际上你只需要一个表时，你有多个表和div。