Html Primefaces CSS头太大

我有一个带facelets的primefaces页面，一切正常。在

标题.xhtml

中，代码是：

    <div class="title ui-widget-header ui-corner-all" style="display: table;overflow: hidden;width:100%">
        <div style="display: table-cell; vertical-align: middle">
            <h:graphicImage library="images" name="apo48.png" />
        <font size="6">Usermanagement und Selfcare</font>
        </div>
        <div style="display: table-cell;vertical-align: middle;text-align:right;">
            <h:outputText value="Willkommen #{login.user}"/><br/>
            <h:commandLink action="#{login.logout}" value="Logout"/>
        </div>
    </div>

使用CSS

    .ui-widget, .ui-widget .ui-widget {
    font-size: 95% !important;
    }
    .ui-datatable tbody td.wrap {
    white-space: normal;
    }
    .unresizable {
    resize: none;
    }

---

在北部布局单元中，是上述代码

有两个单位可用于设置相对于视口大小（窗口大小）vh和vw的宽度和高度。要设置收割台的高度和宽度，可以执行以下操作

.title{
  height: 20vh;
  width: 90vw;
}

此代码将.title的高度设置为窗口高度的20%。 或者你可以轻松设置

body{
  height: 100vh;
  width: 100vw;
}

另请参见：

---

请访问Stackoverflow部分，它也将帮助您的用户。当遇到HTML/CSS问题时，请不要显示负责生成HTML/CSS输出的服务器端代码。相反，显示生成的HTML/CSS输出本身。HTML/CSS用户不一定知道任何服务器端代码，比如JSF。他们不一定知道

生成了一个HTML

元素。如果你去掉问题中的JSF噪音，并重新构造问题，以（可运行的）MCVE风格显示HTML/CSS，你将有更多的机会从HTML/CSS用户那里得到有价值的答案。是的，这对于高度来说是正确的。但我的问题是，宽度不正确。我试图设置

.title{width:90vh；}

，但这将被忽略。好的，就是这样。非常感谢你，我的情况是

。title{width:99.5vw！important；}

我不知道为什么它是一个令人毛骨悚然的十进制数，但它是这样工作的！

body{
  height: 100vh;
  width: 100vw;
}