JSP 如何降低div高度

6tr1vspr 于 2022-12-07 发布在其他

关注(0)|答案(4)|浏览(142)

<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的高度。
我尝试了最小高度，但它没有减少。
如果我增加高度，它就会增加。
请帮帮我

jsp

来源：https://stackoverflow.com/questions/22498843/how-to-reduce-the-div-height

4条答案

按热度按时间

9nvpjoqh1#

您需要使用最大高度而不是最小高度！

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

赞(0）回复(0）举报 2022-12-07

snz8szmq2#

使用max-height代替。它会工作得很好。min-height在div上不起作用。

赞(0）回复(0）举报 2022-12-07

siv3szwd3#

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

赞(0）回复(0）举报 2022-12-07

jchrr9hc4#

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

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

赞(0）回复(0）举报 2022-12-07

我来回答

JSP 如何降低div高度

4条答案

相关问题

热门标签

最新问答