深蓝互联专注深圳小程序开发、微网站、O2O系统、APP开发和深圳网站建设欢迎咨询邮箱:wisepu@szdbi.com   电话:13530005652   联系我们   |   网站地图   



利用CSS代码设置div的最小高度(多浏览器兼容)

来源:     发布:     点击:

网页布局中会碰到需要某一个div有最小高度,超过最小高度后会自动扩展。比如某个div是有背景图的,高度小了背景图就不完整了影响效果。需要用到css中的min-height属性。

min-height属性的使用说明:

设置或检索对象的最小高度。如果此属性的值大于 max-height 属性的值,将会被自动转设为 max-height 属性的值。在IE6中这个属性仅仅作用于固定布局的表格内的 td 对象, th 对象, tr 对象。表格的默认布局是自动计算的,要得到固定布局的表格,设置表格的 table-layout 属性的值为 fixed 。固定布局的算法比默认的自动算法要快很多。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 minHeight 。


最简单的是采用以下css样式:

 min-height:100px; height:auto !important; height:100px;

本来单用min-height就可以高度了,可是可恶的IE6不支持,于是加了后面两行来修正。

相关文章

  • DIV+纯CSS实现的下拉导航菜单
  • 简单JS制作div的边框随鼠标变色
  • 用CSS实现文字环绕图片的效果
  • js和CSS实现怎么让DIV的浮动层居中显示
  • 360浏览器外部DIV不随内部DIV高度增加时
  • IE8浏览器外层div高度不随内层div高度改变
  • 关于DIV+CSS的相对定位的问题!


  • 深圳市龙华新区龙观西路2号宝龙大厦A903(与布龙路交汇处)