当前位置：首页 → 问答吧 → 规定一个div的最小高度，超出最小高度自动

规定一个div的最小高度，超出最小高度自动

时间：2010-06-02

来源：互联网

怎样规定一个div的最小高度，超出最小高度自动显示，并且各浏览器兼容

作者: AyumiHamasaki 发布时间: 2010-06-02

min-height在IE7以上就支持了，其他主流浏览器也支持..
但是IE6本身的一个bug，当块级元素内部的东西超出此块级元素的高度时，会被撑开；也就是说IE6中的height本身就是min-height

我设想这个办法行得通，实际情况下并没有用过，不知道会不会出问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> div{ border:1px solid red; min-height:200px; _height:200px;} p{ background:#009933;} </style> </head> <body> <div> 其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发<br /> 其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发<br /> 其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发<br /> 其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发<br /> 其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发其实不需考虑阿里的可开发<br /> </div> <p>1111111</p> </body> </html>
提示：您可以先修改部分代码再运行

作者: moierby 发布时间: 2010-06-02

嗯，刚才我也想到这个方法了，试了一下这个方法可以用，浏览器也都兼容

作者: AyumiHamasaki 发布时间: 2010-06-02

纠正一下2楼的说法~应该说min-height 只要万恶的ie6.0不支持~