容器高度问题

Question

感谢您提前帮助。

我正在尝试使用Google Webtoolkit应用中的容器，出于各种原因，我在很大程度上无法控制此应用中的html和内联CSS，所以我必须找到css只有布局问题的解决方案。

在这种情况下，我有一个div标签，需要有100％的高度，但宽度只有980px。当你对它应用宽度时，100％高度失败，当你移除postion：固定和顶部+右边的行，容器位于正确的位置，但根本没有高度，如果高度固定，应用程序将无法工作。

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。