CSS最大高度不起作用

-1

我想讓一個容器自動展開。爲此，我想使用max-height屬性。這是我的html結構CSS最大高度不起作用

<div class='palm-row first' style="max-height:200px"> 
    <div class="palm-row-wrapper"> 
      <div class="textfield-group" x-mojo-focus-highlight="true" 
       style="max-height:200px"> 
       <div class="title"> 
       <div class="truncating-text" id="nameField" class="recipient-picker" 
       x-mojo-element="TextField" style="max-height:200px"></div> 
       </div> 
     </div> 
    </div> 
</div> 

.recipient-picker{ 
    overflow:hidden; 
    margin-right:0px; 
    max-width:300px; 
    padding-right: 4px; 
}

我希望textfield擴展高度。但它不能工作設置最大高度。容器不會改變高度。但是，當我設置最小高度時，將應用正確的高度。

任何想法如何實現這一目標？任何其他想法？

來源

2011-07-08 Lost in OWL

最大高度是一個限制。「不要超過這個尺寸」。它不會影響元素的高度，除非該元素嘗試生長大於高度限制。 –

max-height設置最大值元素的高度，如果它試圖超過該大小。如果它試圖增長到低於該尺寸，那麼min-height將設置最小值元素的高度。在你的情況下，默認的文本字段高度小於你指定的min-height，所以瀏覽器會增加它的高度，這樣就可以滿足min-height約束條件。

那麼只要使用min-height就可以解決問題？

來源

2011-07-08 17:45:32 tskuzzy

問題是我想使用最大高度，因爲如果內容不適合它，我希望文本字段增長。但最大高度無效。文本字段正在增長，但文本字段周圍的結構不會改變。因此，文本字段在包裝和行中不斷增長 –

CSS最大高度不起作用

回答

相關問題