固定高度div,随内容自动变高css定义方法

*{ font-size:12px; margin:0; padding:0;}
方法1:
#testBox{border:1px solid #cccccc;padding:5px;width:220px;
min-height:100px; /*高度最小值设置为：100px*/
height:auto !important; /*兼容FF,IE7也支持 !important标签*/
height:100px; /*兼容ie6*/
方法2:
/*单独用下面这个方法也可以实现*/
height:expression(this.height < 100 ? "100px" : this.height+"px");

<!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=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
*{ font-size:12px; margin:0; padding:0;}
#testBox{border:1px solid #cccccc;padding:5px;width:220px;
min-height:100px; /*高度最小值设置为：100px*/
height:auto !important; /*兼容FF,IE7也支持 !important标签*/
height:100px; /*兼容ie6*/

/*单独用下面这个方法也可以实现*/
/*height:expression(this.height < 100 ? "100px" : this.height+"px");*/
}
</style>
<body>
<div id="testBox">
<ul>

<li>这里是每一条内。。。。。</li>

</ul>
</div>
</body>
</html>

本文转自寒意博客园博客，原文链接：http://www.cnblogs.com/hnyei/archive/2011/10/19/2217205.html，如需转载请自行联系原作者

固定高度div,随内容自动变高css定义方法相关推荐

DEDECMS站点内容自动更新到新浪微博的方法
小编给大家分享一下DEDECMS站点内容自动更新到新浪微博的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! DEDE ...
html列自动变高,HTML_CSS三行三列DIV高度自适应的设置，用脚本控制三行三列div高度自 - phpStudy...
CSS三行三列DIV高度自适应的设置用脚本控制三行三列div高度自适应的设置方法,其实不必如此麻烦,只要给父div设置一个固定高度,比如10px,其子div的height:100%就可实现高度自适应 ...
easyui datagrid自动换行行号自动变高
datagrid 设置nowrap:false后,内容自动换行,但是行号不能自适应变高. function changeRowHeight(tableID,index){//tableID是datag ...
html边框自动变颜色,css怎么设置边框颜色？
元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线.每个边框有 3 个方面:宽度.样式,以及颜色.下面我们就来看一下css设置边框颜色的方法. css可以 ...
html列自动变高,HTML 应用多列浮动等高处理
直觉利用浮动写一个三列布局:效果如下,这就是背景. 基于此提供了一个解决方案,来使得三列均按照最高的内容的那个一列的高度为高度.因此问题的关键是为三列的高度提供一个高度的参考点.可以为三列增加一个容器 ...
html边框自动变颜色,CSS设置边框颜色 css布局边框颜色
一.边框颜色样式单词 border-color:#000(设置4边边框颜色为黑色) border-color:+颜色值,即可设置对象边框颜色 border-left-color:#000 设置左边框颜 ...
Sublime Text3中 less 自动编译成 css 的方法
使用sublime text的less2css插件步骤: 1.安装node.js,这个到官网下载即可 2.安装less,方法:命令行输入: npm install -g less 3.sublime ...
点击文本框内容消失，移开内容自动显示（两种方法）（原创）
<html > <head> <script type="text/javascript"> /* author:luoqinglong E-m ...
新AI算法拯救渣画质马赛克秒变高清
简介:在这个追求高清画质的时代,我们对渣画质的容忍度越来越低.在知乎上搜索「低分辨率」.「渣画质」,会看到一大片诸如「如何补救清晰度低的照片」.「如何拯救渣画质」之类的问题.那么,将渣到马赛克级别的画 ...

固定高度div,随内容自动变高css定义方法

固定高度div,随内容自动变高css定义方法相关推荐

最新文章

热门文章