DIV+CSS中min-height使用技巧

 
 
 
  
  
  
div.box1,div.box2{width:300px;  
  
  
  
min-height:150px;background:#EEE;float:left;  
  
  
  
margin-right:20px;}  
  
  
  
 
 
 

 
 
 
  
  
  
IE6中没保持最小高度为150px

现在的效果，IE6及部分IE7版本中没保持最小高度为150px。

解决的方法

提供csshack来设定IE6高度

以下是引用CSS片段：

 
 
 
  
  
  
div.box1,div.box2{width:300px;min-height:150px;background:#EEE;  
  
  
  
float:left;margin-right:20px;}  
  
  
  
div.box2{*height:auto!important;  
  
  
  
*height:150px;min-height:150px;}  
  
  
  
 
 
 

以上是通过对box2设置说明如下：

*height:auto!important;*height:150px;来区别IE6,IE7,及其它浏览器来实现兼容最小高度-你可能需要了解CSShack之区别不同浏览器的写法。

通过以上DIV+CSS实例希望你能了解各浏览器支持最小高度（min-height:）方法，这里用了csshack方法来区别IE6和部分IE7中不支持min-height方法。

【编辑推荐】

1. CSS布局时需注意的八大技巧
2. IE6.0对padding的解读分析
3. 揭露CSS中margins折叠现象内幕
4. DIV+CSS网页内容显示不完整诊断方法
5. DIV CSS网页布局中对段落进行排版的方法

本文题目：DIV+CSS中min-height使用技巧
本文网址：http://www.csdahua.cn/qtweb/news4/380904.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网