Web前端新人笔记之height、min-height的区别-来治猩猩的我

  浏览器参照基准：Firefox, Chrome, Safari, Opera, IE；
 　　* IE6不支持CSS min-height属性。最小高度的定义：1. 元素拥有默认高度；2. 当内容超出元素的默认高度时，元素的高度随内容增加而增加
 Figure 1:如下图的需求 
 
　　* 如上图，两个区域的高度不一样。这就是 min-height 的效果演示。元素拥有一个默认的高度，当内容超出该默认高度时，元素的高度同时随内容而增加。   

eg1:
  
.test{
      float  :left;
    width:200px;
    margin:  0   5px;
    padding:10px;
    border - radius:10px;
    background:#eee;
}
.test{
    min -height:80px;   /*   实现最小高度代码   */  
}
  

喝水为什么会中毒？

      
查看更多关于Web前端新人笔记之height、min-height的区别-来治猩猩的我的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did115766