Question

<div class="row-fluid" >
   <div class="span6">
      <div class="control-group checkForError">
         <label class="control-label" for="Client">Client</label>
         <div class="controls">
            <input style="height: 100px" type="text" name="Client" id="Client" readonly="readonly"
               class="m-wrap span4 clrField" tabindex="1">
            <input type="text" name="name" id="name" readonly="readonly"
               class="m-wrap span8 clrField" tabindex="2">
         </div>
      </div>
   </div>
</div>

现在我想降低div高度。

我尝试使用最小高度，但不会降低。

如果我增加身高，它会增加。

请帮助我

Answer 1

你需要使用max-height而不是min-height！

div{
max-height: 100px;
height: 100%;
}

Answer 2

使用max-height代替。它会工作正常。最小高度不适用于div。

Answer 3

<div class="row-fluid" style="height:100px">
..............
..........
</div>

Answer 4

div的高度取决于其内部元素，在您的示例中，第一个输入的高度为100px，因此div的高度至少为100px，忽略间距，边距，填充。在div上设置max-height会提示渲染引擎限制高度，但不一定总是有效。

我建议你先改变输入的高度：

<input style="max-height: 100px" type="text" name="Client" id="Client" readonly="readonly" class="m-wrap span4 clrField" tabindex="1" />

如何降低div高度

4 个答案: