容器高度问题

Question

提前感谢您的帮助。

我在 Google Webtoolkit 应用程序中使用容器时遇到了一些困难，由于各种原因，我在很大程度上无法控制此应用程序中的 html 和内联 CSS，因此我不得不找到 css布局问题的唯一解决方案。

在这种情况下，我有一个 div 标签，它需要 100% 的高度但宽度只有 980 像素。当您对其应用宽度时，100% 高度失败，当您删除 position:fixed 和 top + right 行时，容器位于正确的位置但根本没有高度，如果高度固定，应用程序将无法工作.

HTML 输出超过 1000 行，因此我不确定发布它是否会有所帮助 - 任何想法表示赞赏。

.cms-dash-tab-panel {
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 82px;
    right: 0px;
    border: 1px solid yellow;
}

Answer 1

您可以尝试将其保留为 100% x 100%，但添加一个宽度为 980、高度为 100% 的包装标签。您也可以尝试在宽度和高度之后添加 !important，它有助于覆盖其他干扰的 CSS，包括内联 CSS。