码迷,mamicode.com
首页 > Web开发 > 详细

关于HTML前端设置自适应高度的DIV问题

时间:2014-11-15 00:08:49      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:http   ar   sp   strong   div   on   问题   bs   html   

如果要设置DIV自适应高度,我们可以采用height:auto;这个属性;不过这个属性IE6又不支持了。是不是很头痛?其实解决这个问题不难,而且方法也不少,这里推荐一种:(假设我们需要控制的这个DIV最小高度是100px,超过时就让里面的信息自动撑开):

 
  1. .div{
  2. height:auto!important;
  3. height:100px;
  4. min-height:100px;
  5. }


注释:因为!important在IE7和Firefox都可以读到,而且权重高于后面的height:100px;所以当在IE7和Firefox显示的时候,就会用了前面的height:auto!important;而IE6识别不了!important,auto对它也不管用,因此会应用了后面的height:100px的样式;而min-height:100px表示DIV最小高度为100px;此属性在IE7和firefox都可以识别。

摘抄自:http://www.phpshuo.com/show/13_40.html

关于HTML前端设置自适应高度的DIV问题

标签:http   ar   sp   strong   div   on   问题   bs   html   

原文地址:http://www.cnblogs.com/wkang92/p/4098555.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!