2014-03-19 188 views
0
<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高度。 我tryed与最小高度,但它不是降低.. 如果我增加高度则增加 请帮我如何降低div高度

回答

5

您需要使用最大高度不最小高度!

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

由于其工作...! – shas

0

改为使用max-height。它会正常工作。最小高度不会在div上工作。

+0

你为什么要复制答案?为什么你说min-height对div不起作用? –

+0

@ C-link他可能没有注意到你的答案,同时回答... –

+0

我dint复制答案先生,这是第一个想到我的脑海里看到时间差异只是在我们的答案几秒钟 –

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

甲div的高度取决于其内部元件,在示例中,第一输入被具有100像素的高度,所以在div将具有至少100像素高度,而忽略间距,边界,填充。 在div上设置max-height会提示渲染引擎限制高度,但不一定总是有效。

我建议你先改变输入的身高:

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