easyui 自适应 fit属性

1:如果设置了fit=true就会去匹配外层的高宽

[html] view plain copy

 

1. <div id="mytabs" class="easyui-tabs" fit="true" border="false">  
2. <div  title="div2"  >   
3.         <div id="xx" class="easyui-layout" fit="true" border="false">    
4.               <div region="north" title="条件" split="true" style="height:100px;padding-top:20px">  
5.               </div>    
6.               <div region="center"  style="padding:5px;background:#eee;">  
7.               </div>    
8.         </div>  
9. </div>   
10. </div>  

例如此时将此作为tabs的子页就会被显示，是因为tabs默认有自己的宽高，他的子页面div2是一个标题他适应呀所有layout会被显示

因为此时不管怎么设置div2的宽高都不会影响layout的宽高

但如果外层是一个普通div 没有easyui设置的默认高宽，layout就会依赖他

[html] view plain copy

 

1. <div  title="div2" style="width:100px;"   >   
2.         <div id="Div2" class="easyui-layout" fit="true" border="false">    
3.               <div region="north" title="条件" split="true" style="height:100px;padding-top:20px">  
4.               </div>    
5.               <div region="center"  style="padding:5px;background:#eee;">  
6.               </div>    
7.         </div>  
8. </div  

所以此时div2就设置为宽度100

所以要注意如果此时div2没有设置宽高的或layout就不会显示了   -。-找了很久的原因

特别是作为tabs时的子页面要注意

也可以在第一个例子的基础上在套一个普通的div他layout能不能被显示

例如

[html] view plain copy

 

1. <div id="mytabs" class="easyui-tabs" fit="true" border="false">  
2. <div  title="div2" >   
3.        <div><!--这里套一个普通div，因为他没有设置高宽所以里边的layout不会被显示-->  
4.         <div id="Div2" class="easyui-layout" fit="true" border="false">    
5.               <div region="north" title="条件" split="true" style="height:100px;padding-top:20px">  
6.               </div>    
7.               <div region="center"  style="padding:5px;background:#eee;">  
8.               </div>    
9.         </div>  
10.         </div>  
11. </div>   
12. </div>  

ok,事实证明不会被显示，

所以用了fit=true不要乱套div。

转自：http://blog.csdn.net/aojiancc2/article/details/20159391