兼容浏览器的DIV最小高度自适应

其实这个问题经常会碰到:容器需要跟据其内容自适应高度，但在内容不够时又要保持一个最小高度。最初的时候我也曾饱受其困扰，

因为IE6不支持min-height的属性，IE6中直接用height就可实现最小高度自适应。而在IE7跟FF中，用了height属性的话就不能自

动撑长了。所以就有这么一种解决方法，给IE7跟FF设定min-height以及height:auto，而另外用一个IE6的hack来解决IE6下的问

题。不过本民工一向不喜欢用hack，能不用就尽量不用，所以经多方考证找到另外一种方法：

div {height:auto !important; height:300px; min-height:300px;}

由于用了!important，所以IE7跟FF会认height:auto属性，而IE6的话就只认height属性了。不过要注意，不要设置overflow:hidden属性，在某些需要清除浮动的场合可能会用上overflow:hidden。

转载于:https://www.cnblogs.com/pige/archive/2009/07/17/1525491.html

兼容浏览器的DIV最小高度自适应相关推荐

DIV的高度自适应及注意问题（详细解释）(转)
积累了一些经验,总结出一些关于div的高度自适应的技巧,希望有助于大家,转载请标明出处,谢谢. 转自:http://hi.baidu.com/atmo/blog/item/f0036edd6de364 ...
Php超出高度隐藏,html设置div最小高度，超出的自适应
我们在用div布局的时候经常会遇到这样的一种情况:我们需要设置一个div的高度,当里面的东西超过这个高度时,让这个容器自动被撑开,也就是自适应高度.当里面的信息很少时候,我们就设置它一个最小的固定高度 ...
html div自动高度,CSS技巧：3种常用方法解决div列高度自适应
本文向大家介绍一下解决div列高度自适的3种常用方法,分别是利用"clear:both"背景填充,使用脚本控制高度和margin负值父子容器高度继承三种. CSS技巧:解决div列 ...
html css高度自适应浏览器高度,Div + CSS高度自适应解决方法_html/css_WEB-ITnose
转这几天用div+css写网站,样子上中下,中间是个左中右3列,可这3列不是等高偏巧有不同颜色的背景,结果就是ie.firefox...这些浏览器无一例外的现实的效果都是长短不齐,如何让这3列可以 ...
angular实现div盒子高度自适应
<body ><div my-dre></div> </body><script>angular.module("myApp&qu ...
大div套多个小div，怎样设置外div的高度自适应？
在最后一个div 后面加上 overflow:hidden;如下: <div style="width:580px; height:auto; margin:0 auto; <d ...
DIV默认高度且自适应高度
2019独角兽企业重金招聘Python工程师标准>>> 转: 本文和大家重点讨论一下如何控制DIV最小高度又DIV自适高度问题,如果我们需要设置一个div高度,当里面的东西超过这个高 ...
div模拟textarea文本域轻松实现高度自适应——张鑫旭
by zhangxinxu from http://www.zhangxinxu.com 本文地址: http://www.zhangxinxu.com/wordpress/?p=1362 一.关于t ...
body下的DIV 高度自适应
html页面body标签下的DIV标签高度自适应,或者高度100%设置: 通常情况下 <div style="height:100%"></div> 即可将 ...
html中自适应高度怎么写,html高度自适应
html自适应高度的一个问题. 现在有一个div,里面让一张图片后面跟一个文本框,然后整个div随着浏览 Document *{margin:0 ;padding:0;} .demo{margin-l ...

兼容浏览器的DIV最小高度自适应

兼容浏览器的DIV最小高度自适应相关推荐

最新文章

热门文章