max-用height造句有什么用？

来源：蜘蛛抓取(WebSpider) 时间：2011-07-30 04:06 标签： 用height造句
.tab-content{
max-height: 0;
-webkit-transition: max-height .8s;
-moz-transition: max-height .8s;
-ms-transition: max-height .8s;
-o-transition: max-height .8s;
transition: max-height .8s;
list-style-type:
list-style-image:
margin: 0;
padding: 0;
margin-top: 10
border:1px solid #CCC;
border-radius:5
/* 动画差 */
-webkit-transition: max-height .2s;
-moz-transition: max-height .2s;
-ms-transition: max-height .2s;
-o-transition: max-height .2s;
transition: max-height .2s;
padding:10px 20
background: #EEE;
border-top:1px solid #BBB;
border-bottom:1px solid #BBB;
margin:-1px 0;
color:#333;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-ms-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
.tab h2:hover{
background:
.tab h2:hover ~ .tab-content{// 开始动画
max-height: 200
&h1&CSS3 缓动手风琴动画效果（一丝）&/h1&
&p&使用「max-height」实现自适应高度&/p&
&ul class="tab"&
&h2&选项卡1&/h2&
&div class="tab-content"&
&p&隐藏的文字&br&
隐藏的文字&br&
隐藏的文字&br&
&h2&选项卡2&/h2&
&div class="tab-content"&
&p&隐藏的文字&br&
隐藏的文字&br&
隐藏的文字&br&
隐藏的文字&br&
隐藏的文字&br&
隐藏的文字
&!doctype html&
Source can be edited via /ayayak/1/edit
&meta charset="UTF-8"&
&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /& &!-- 优先使用IE最新版本和 Chrome --&
&meta name ="viewport" content ="initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no"&
&meta name="apple-mobile-web-app-title" content="测试"&
&meta name="apple-mobile-web-app-capable" content="yes" /&
&meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /&
&meta name="format-detection" content="telephone=no" /&
&title&CSS3 缓动手风琴动画效果-by 一丝&/title&
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
&style id="jsbin-css"&
margin: 0;
padding: 0;
font-family: 'helvetica neue', 'hiragino sans gb', stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, sans-
font-size: 14
font-size: 22
font-size: 18
font-weight:
margin-left:
margin-right:
margin-top: 50
list-style-type:
list-style-image:
line-height: 1.8;
margin:15px 20
.tab-content{
max-height: 0;
-webkit-transition: max-height .8s;
-moz-transition: max-height .8s;
-ms-transition: max-height .8s;
-o-transition: max-height .8s;
transition: max-height .8s;
margin-top: 10
border:1px solid #CCC;
border-radius:5
/* 动画差 */
-webkit-transition: max-height .2s;
-moz-transition: max-height .2s;
-ms-transition: max-height .2s;
-o-transition: max-height .2s;
transition: max-height .2s;
padding:10px 20
background: #EEE;
border-top:1px solid #BBB;
border-bottom:1px solid #BBB;
margin:-1px 0;
color:#333;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-ms-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
.tab h2:hover{
background:
.tab h2:hover ~ .tab-content{
max-height: 200
&div class="main"&
&h1&CSS3 缓动手风琴动画效果（一丝）&/h1&
&p&使用「max-height」实现自适应高度&/p&
&ul class="tab"&
&h2&选项卡1&/h2&
&div class="tab-content"&
&p&隐藏的文字&br&
隐藏的文字&br&
隐藏的文字&br&
&h2&选项卡2&/h2&
&div class="tab-content"&
&p&隐藏的文字&br&
隐藏的文字&br&
隐藏的文字&br&
隐藏的文字&br&
隐藏的文字&br&
隐藏的文字IE6支持max-height、min-height CSS样式_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
12页免费24页免费9页免费5页免费5页免费12页免费9页免费2页免费1页免费2页免费
喜欢此文档的还喜欢31页1下载券10页免费33页1下载券2页1下载券14页1下载券
IE6支持max-height、min-height CSS样式|d​i​v​+​c​s​s​教​程
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
你可能喜欢1406人阅读
ie不支持max-height的解决之法
.div{ max-height: 100 _height:expression(this.scrollHeight & 100 ? "100px" : "auto"); overflow-y: } 这样就可以让div在ie和firefox中都实现max-height的效果
.div{ max-height: 100 min-height:60 _height:expression(this.scrollHeight & 100 ? "100px" : ( this.scrollHeight & 60 ? "60px" : "auto")); overflow-y: } 这样就可以让div在ie和firefox中都实现max-height和min-height的效果
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：356295次
积分：4275
积分：4275
排名：第2558名
原创：32篇
转载：222篇
评论：71条
(1)(1)(1)(1)(1)(1)(2)(7)(4)(2)(2)(3)(5)(1)(1)(1)(7)(1)(6)(6)(4)(9)(2)(5)(11)(3)(8)(1)(3)(7)(3)(1)(7)(11)(16)(11)(6)(12)(5)(1)(1)(1)(5)(2)(1)(1)(1)(2)(7)(1)(3)(5)(7)(9)(3)(6)(5)(1)(14)(2)怎么才能解决设置max-height和overflow:auto以后层宽度没变宽里面浮动对象撑不下掉下来问题？
[问题点数：40分]
怎么才能解决设置max-height和overflow:auto以后层宽度没变宽里面浮动对象撑不下掉下来问题？
[问题点数：40分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。

我要回帖

更多关于 用height造句 的文章

 

随机推荐