css怎么设置最大高度和最小高度

html-css044

css怎么设置最大高度和最小高度,第1张

众所周知，如果内容超过元素的高度，那么IE6是会自动增加元素的高度，即使你明确的定义了元素的高度。我们可以利用IE6的这个bug来让IE6也有最小高度min-height属性的效果。具体代码如下：height:auto !importantheight:500pxmin-height:500px解释：1、由于IE6对!important的解释存在bug，所以它只识别height:500px这一句，超过500px后，IE6自身会增加盒子的高度；2、IE7和其他标准浏览器三句都能识别，虽然定义height:500px，但我们又有了height:auto !important，所以超过500px也能自动增加盒子的高度。

这个其实很简单，只要加上两条语句就行了。

#obj{

min-height:500px

_height:500px

}

第一条min-height:500px这是针对IE7和FF的，因为IE6不支持min-height属性。而第二条是用了hack，因为_height只有IE6才认识，对IE7和FF不起作用。因为IE6里面，如果内容超出了height指定的高度,则容器会被撑大。切记不能给#obj加overflow:hidden属性哦。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

<p style="width: 80pxheight: 40pxoverflow: hidden">测试P标签的换行</p>

3、浏览器运行index.html页面，此时超过p标签设置高度的内容不会被显示。