使用高度和最大高度的動態大小列表

我想設置max-height屬性使用CSS，以便我可以獲得最大高度爲175像素和減少窗格中沒有任何元素存在。使用高度和最大高度的動態大小列表

我試圖設置：

.prodGroup{ 
    max-height : 175px 
}

窗格的高度降低到不存在於該窗格，但是當在窗格增加的元素動態地其大小保持不變，因爲它是設置元件的爲首選。理想情況下，它應增加到窗格中存在的元素的數量。

HTML

<div class="accordion" id="prodGroup"> 
      <div class="accordion-group"> 
       <div class="accordion-heading"> 
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#prodGroup" href="#prodGroup1"><i class="icon-chevron-down icon-white"></i></a> 
       </div> 
       <div id="prodGroup1" class="accordion-body collapse in"> 
        <div class="accordion-inner"> 
         <ul class="scroll-pane-mg pt-subsearch"> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
          <li></li> 
         </ul> 
        </div> 
       </div> 
      </div> 
     </div><!-- End of Select Product Group Accordion -->

是動態生成的這對列表的代碼，但該列表的最大尺寸將是175px。如果內容的高度小於175px，但不應超過175px，則此列表應縮小。

CSS

.prodGroup ul {margin: 0px; width: 100%; overflow: scroll; height: 175px}

現在是動態生成的上述名單，我想它的最大高度保持到175px;如果含量

來源

2013-11-26 Anup

莫非你編輯你的問題，並添加一些標記（和額外的CSS），所以這是你的情況的repro？此外，如果您展示您嘗試過的各種解決方案，這將有所幫助，這樣我們就可以更好地瞭解您所追求的內容。（請注意，您可以編輯您的問題以添加更多詳細信息。） – Jeroen

您缺少分號。 –

您正在尋找'min-height'。 – Abhitalks

min-height

是語法所以代碼如下：

.prodGroup{ 
    min-height: 175px; 
    background-color: black; 
}

或作爲您的原始代碼：

.prodGroup{ 
    min-height: 175px; 
}

JSFIDDLE

，或者這是不是你的意思是什麼？

來源

2013-11-26 08:48:38 aaldim

你是造型樣式表中的一類，而不是一個id

#prodGroup{ 
    max-height: 175px; 
    overflow-y: auto; 
}

很難把握，你在找什麼，試圖創建一個fiddle 這是我example where I styled the id你

來源

2013-11-26 10:05:06

使用高度和最大高度的動態大小列表

回答

相關問題