Html 如何更改css高度？

我希望右上角单元格的高度为总高度的75%。我不知道怎么做

以下是创建它的html：

<div id="grid4" class="grid">
    <div class="innerGrid" >
        <div class="gridColumn" gs-width="20%">
            <div class="gridCell">
                <div class="fillCell"><a> Watchlist </a></div>
            </div>
            <div class="gridCell">
                <div class="fillCell"><a> Notes </a></div>
            </div>
        </div>
        <div class="gridColumn" gs-width="80%">
            <div class="gridCell">
                 <div class="gridColumn">
                      <div class="gridCell">
                          <div class="fillCell"><a> Candlestick Chart </a></div>
                      </div>
                  </div>
            </div>
            <div class="gridCell">
                <div class="fillCell"><a> Volume Bar Chart </a></div>
            </div>
        </div>
    </div>
</div>

但它没有效果

如果我看一下元素页面的右侧，我会看到：

element.style {
    border: 0px;
    height: 50.0668%;
}

---

如果我将高度强制为75%，那么它会满足我的要求。当然，如果我刷新页面，它会回到原来的状态。建议？

它看起来像是jQuery插件直接在元素中设置的高度。我不确定这是否是最干净的解决方案，但您可以尝试通过执行以下操作来覆盖CSS：

.gridCell.hasChildren {
    height: 75% !important;
}

---

是的，这很有效。但是为什么它需要这个呢！重要吗？我听说这是一种糟糕的编程实践。使用！重要信息：您可以覆盖所有其他CSS样式，这不是一个好的做法，但在某些情况下会有所帮助。如果我的回答对你有帮助的话，请你投票支持我好吗？当然可以，谢谢！我会检查它作为解决方案，如果我没有得到一个答案，不使用！重要的。

.gridCell.hasChildren {
    height: 75% !important;
}