how to reduce the div height

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>

Now I want to reduce the div height.
I am tried with min-height but its not reduces.
If I increase height it is increasing.

Answer 1

You need to use max-height not min-height!

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