Html CSS最大高度不起作用

我想让容器自动展开。为此，我希望使用“最大高度”属性。这是我的html结构

<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;
}

.收件人选取器{
溢出：隐藏；
右边距：0px；
最大宽度：300px；
右侧填充：4px；
}

我希望文本字段在高度上展开。但是，它不适用于设置最大高度。容器高度不变。但是，当我设置最小高度时，将应用正确的高度

---

有什么办法可以做到这一点吗？还有其他想法吗？

max height

设置元素的最大高度（如果它试图超过该大小）

min height

设置一个元素的最小高度（如果该元素试图增长到该大小以下）。在您的情况下，默认文本字段高度小于指定的

min height

，因此浏览器将增加其高度，以满足

min height

约束

---

那么，只要使用

minheight

就行了，有什么问题吗？

max height是一个限制。“请勿超过此尺寸”。它不会影响元素的高度，除非该元素试图增长超过高度限制。问题是我想使用最大高度，因为如果内容不适合，我希望文本字段增长。但“最大高度”没有影响。textfield正在增长，但textfield周围的结构没有改变。所以文本字段是在包装器和行的下面增长的