2017-07-17 106 views
0

我正在使用PrimeFaces,並且在頁面頂部有一個tabView,並且在此選項卡面板下面有頁面內容。然而,使用方向=「左」時,在標籤面板的高度過大:設置高度p:tabView

enter image description here

如果我用的是水平方向它看起來不錯,但仍有小幅度:

enter image description here

我試過重寫.ui-tabs-nav的高度,但似乎沒有做任何事情。我如何設置高度以適應標籤內顯示的內容?

+0

打開一個瀏覽器開發人員工具的頁面,看看是否有更具體的實際應用或否決你的風格變化選擇。我很確定後者正在發生。 – Kukeltje

+0

我找到了.ui-tabs-left,試着重寫(html中的樣式標籤),似乎不起作用:s – user2711115

+0

然後閱讀https://developer.mozilla.org/en-US/docs/ Web/CSS/Specificity,並嘗試製作更具體的選擇器...(或同一個但後面的順序) – Kukeltje

回答

0

我使用下面的最終解決我的問題,貌似我有緩存的問題:

.ui-tabs-left > .ui-tabs-nav { 
    height: auto !important; 
} 
+0

嘗試阻止使用!important ... – Kukeltje