欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

不一定最小高度,内容加多时自适应高度,而形式少时DIV有定然最小高度

有一DIV盒子,默许高度为200px,当DIV里内容过剩并超出跨越制约高度时,DIV自适应高度, 要求运用纯CSS+DIV,不需求JS,兼容火狐涉猎器

1、回覆与正文:

_height:200px; /* css 注解: 仅IE6设别此属性,要是最低高度是200px ,配置高度200px,形式超过跨过后IE6会被动撑高设定高度 */ 
min-height:200px; /* css注释: css最小高度为200px赞成一切涉猎器,IE6浏览器除外 */ 

这个设置,ie6,7,8 ,9,10,火狐等都能兼容

2、具体设置装备摆设代码:

div{ 
_height:200px; 
min-height:200px 
/* css 注释:两个放置不分先后轨范,兼容悉数涉猎器 */ 
} 

3、CSS最小高度与自适应高度并立案例
咱们设置2个DIV盒子,最小高度均为200px,当模式较少时DIV盒子的最小高度为200px,当内容相比多超过跨过高度能装下时,DIV盒子自顺应高度,为了便于窥察和参考综合,我们匹敌设置宽度为100px,一个玄色1px CSS边框。

CSS代码如下:

div{_height:200px; min-height:200px; border:1px solid #000; width:100px} 
/* css注释:设置装备摆设最小高度,border边框,宽度 */ 

HTML代码片段:

<div>200高度能装下这点内容,设置最小高度200px</div> 
<div>配置最小高度200px<br /> 
而形式多,超出200px高度限制,DIV自适应高度<br /> 
<br /> 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r52744.shtml