如何增加<p:panel>邊框高度（不是寬度）

我想增加<p:panel>高度的大小，但不是寬度。下面的代碼增加了高度和寬度。如何增加<p:panel>邊框高度（不是寬度）

<p:panel id="pnlPrev" style="width: 85%; border:1;">

我試着用下面的代碼，但它的犯規工作

> <p:panel id="pnlPrev" style="height: 85%; border:1;">  
> <p:panel id="pnlPrev" style="height: 85%; width: 85%; border:1;">

均未working.Please誰能幫助我提高面板的高度尺寸

2017-02-15 teja

[這可能是有用]（http://stackoverflow.com/a/5658062/7053420） –

謝謝:)其一些如何工作 – teja

有這裏有點相關的帖子：p:panel how to change border properties。我無法呈現php代碼，因此我用CSS創建了一個html示例。確保添加類，然後完全控制p：面板的外觀。設置一個寬度，然後設置一個不是基於寬度的高度，就像我選擇的最小高度。

您的網格系統將控制盒子的寬度以使其響應，因此當您將組件放入該網格系統時，請取出50％寬的聲明。

.myPanelContent.ui-panel 
 
{ 
 
    
 
    border: 1px solid red; 
 
    padding: 2em; 
 
    width: 50%; 
 
    min-height: 200px; 
 
}

<p class="myPanelContent ui-panel">THING</p>

2017-02-15 12:30:35

這將作爲外部CSS，但由於一些限制，我不想使用外部的CSS。我只需要將屬性放在內聯中。 – teja

這很好，然後只是內聯元素上的所有樣式：style「border：1px solid red; padding：2em; width：50％; min-height：200px;」 –

感謝Flick.finally其工作使用填充：2em; 。之前我嘗試使用填充：2px。我不知道他們和px之間的區別。然而它現在工作。 :) – teja

它更改爲一個inline-block以限定高度自己

<p:panel id="pnlPrev" style="height: 85%; border:1; display: inline-block;">

2017-02-15 12:32:22 Digedu

這一個也不起作用:( – teja

即使定義高度px值？ – Digedu

如果我給px值，那麼整個邊界衝突。我的意思是如果我改變高度屬性與任何數字與px，它不改變 – teja

回答