DIV最小高度且自适应高度

转载 2015年07月09日 11:30:34

在IE6中,如果子容器的高度超过父容器的时候,父容器会被子容器撑开,所以我们可以直接设置一个height的高度值即可。但是在IE7和firefox就不行了,它不会自动撑开。

 

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

 

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

 

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

 

而在IE8和chrome当中,上述方法是不行的。

想要实现必须在撑高的div下面加个空div

1
<div style="clear:both"></div>

 

相关文章推荐

TensorFlow学习笔记9----TensorFlow Wide & Deep Learning Tutorial

原文教程:tensorflow官方教程记录关键内容与学习感受。未完待续。。TensorFlow Wide & Deep Learning Tutorial——在前面的教程TensorFlow Line...

bootstrap栅格系统中同行div高度不一致的解决方法

使用bootstrap的栅格系统排版,经常会碰到同一行的div高度不一致的情况,例如这样: 需要4个div高度相同,网上搜索了些方法,自己进行了尝试,下面这个方法是我试成功了的,但多少都有不尽人...
  • jewely
  • jewely
  • 2016-11-02 11:12
  • 6990

js状态栏特效

script language="JavaScript"> var msg  = "欢迎来到新教学模式网站,请多提宝贵意见。谢谢! " ;var interval&...

DIV默认高度且自适应高度

转: 本文和大家重点讨论一下如何控制DIV最小高度又DIV自适高度问题,如果我们需要设置一个div高度,当里面的东西超过这个高度时,让这个容器自动被撑开,也就是DIV自适应高度。当里面的信息很少时候...

Bootstrap Table 中文文档(完整翻译版)

表格参数: 名称 标签 类型 默认 描述 -...

DIV的高度自适应及注意问题

转自:http://hi.baidu.com/samxx8/blog/item/eeb4c0efc112963facafd55b.html      积累了一些经验,总结出一些关于div的高度自适应...
  • tudopi
  • tudopi
  • 2010-05-11 18:12
  • 5323

Bootstrap-栅格系统自适应布局

1 container 顾名思义container是栅格系统最外层的class,直接被container包裹的只能是row这个class。需要注意的是container自带左右各15px paddin...

bootstrap 的自适应页面简单使用

bootstrap 学习

Bootstrap栅格布局的注意事项

首先,栅格布局是将页面分为12列的,在不同的视口宽度之下,栅格布局的每一列的宽度应该是不一样的。从320一直到最大,分别是:col-xs-*,col-sm-*,col-md-*,还有col-lg-*,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)