`
- 浏览:
144428 次
- 性别:
- 来自:
北京
-
min-height就是层的最小高度,如果该层中的元素内容高度小于这个高度,就将层显示为min-height的值,超过的话,就撑破层,使层的高度与元素内容高度一样。
max-height就是和这个相反了,不超出的话,层高度就和层中内容元素高度一样,否则就截断内容,显示max-height的高度。
CSS的兼容性问题一直令人头疼,最小高度min-height是一个非常有用的属性,在页面布局中的很多地方可以用到。当容器的内容较少时,能保持一个最小的高度,以免破坏了布局或UI设计效果。而当容器内的内容增加的时候,容器能够自动的伸展以适应内容的变化。
min-height属性并非所有浏览器都兼容,主要问题还是出现在IE6,这个不支持标准的浏览器偏偏占据很大的用户群体。解决方法如下:
css代码:min-height:500px;_height:500px;
以及margin-left:20:px, _margin-left:15px;
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
又是IE6!...第一种方法:我们可以利用IE6不识别!important来实现: 复制代码代码如下: height:auto !important; height:100px; min-height:100px; 这三句话,可以实现IE6下面min-height值为 100p
一、错误的扩展 1 在IE6中,设定height为固定值时,当...在IE6浏览器中设定min-height为100时的表现,可见,IE6不支持min-height 【兼容性方案】 如果要让标准浏览器与IE6同样都有最小值效果,需要如下代码: 方案一:
下面小编就为大家带来一篇兼容IE6的min-width、min-height的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
文章介绍了min-height和min-width兼容多浏览器版本...运行图如下:先别高兴的太早,不要忘了已经让你深恶痛绝,但又不得不朝夕相对的ie6.0,它是这样回应你的: 没有办法,谁让国富民穷的国人口袋里没有钱呢?或许不应
* IE6不支持CSS min-height属性。最小高度的定义:1. 元素拥有默认高度;2. 当内容超出元素的默认高度时,元素的高度随内容增加而增加 Figure 1:如下图的需求 * 如上图,两个区域的高度不一样。这就是 min-height ...
1、IE6支持max-height解决方法 IE6支持最大高度解决CSS代码: 复制代码代码如下:.yangshi{max-height:1000px;_height:[removed](document.documentElement.clientHeight||document.body.clientHeight)<1000?”...
min-height最小高度实现的解决方法 且兼容IE6、IE7、FF、Chrome, 需要的朋友参考下
把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。 方法二: 复制...
虽然CSS中的min-width、min-height、max-width、max-height属性在CSS中早有出现,不过支持此属性的浏览器使用比率都不高,比如Firefox。
* IE6不支持CSS min-height属性。最小高度的定义:1. 元素拥有默认高度;2. 当内容超出元素的默认高度时,元素的高度随内容增加而增加Figure 1:如下图的需求 * 如上图,两个区域的高度不一样。这就是 min-height 的...
min-width与min-height在css中是相当好用的语法,可以让HTML元素最少仍保持一定的宽和高,而需要时仍随着元素的內容增加宽和高。
说明:让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性 代码如下: @if (@_win32 && @_jscript_version>4) var minmax_elements; minmax_props= new Array( new Array(‘min-width’, ‘minWidth’), new ...
1、IE6支持max-width解决方法 IE6支持最大宽度,解决CSS代码: 复制代码代码如下: .className { max-width:1000px; _width:[removed](document.documentElement.clientWidth||document.body.clientWidth)<1000?...
在DIV的CSS中加入这句:min-height:200px;height:auto; 这样在高度超过200px之后 ie6 7 ff下高度都能自适应
最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera 和 Mozilla 支持,IE7开始也支持了,但IE7处于测试阶段,等正式版发布到普及需一段...