如何增加边框高度（而不是宽度）

Question

我想增加 高度但不是宽度的大小。下面的代码增加高度和宽度。

我试着用下面的代码，但它不起作用

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

这两个都不工作。请任何人帮助我增加面板高度的大小

Answer 1

这里有一个有点相关的帖子：p：panel如何改变边框属性。我无法呈现php代码，所以我用CSS制作了一个html示例。确保添加类，然后您可以完全控制p：panel的外观。设置一个宽度，然后设置一个不是基于宽度的高度，就像我选择的最小高度。

您的网格系统将控制框的宽度以使其具有响应性，因此，当您将组件放入网格系统时，请取出我的50%宽度声明。

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

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