css设置div的高度自适应并到一定高度后显示滚动条

问题描述

css设置div的默认高度为50px,当div里面的内容很多时，div自适应增加高度，当高度达到200px时高度不再增加，而是让这个div显示滚动条。请问谁能告诉我怎么实现，谢谢! 问题补充：redstarofsleep 写道

解决方案

JS做的话,CSS不要设定高度,让它自适应.然后JS取这个DIV的高度,如果高度<50,则将高度设为50如果高度>200,则将高度设为200
解决方案二：
设置滚动条自动(即内容多时自动显示)然后,嘿嘿 两条CSS3搞定min-height:50px;max-height:200px;再或者.......用JS来做也不烦的..

时间： 2024-11-28 22:10:36

css设置div的高度自适应并到一定高度后显示滚动条的相关文章

CSS设置DIV Herf底层图片和链接同时改变,兼容IE，Firefox,Opera,Safari,Chrome等

/*CSS樣式設置 塗聚文 Geovin Du**/ .text8 { font-family: Arial, Helvetica, sans-serif; background-image: url(../images/05.jpg); height:42px; text-align:center; } .geovindu { cursor:auto; text-decoration: none; color: #000; } a.geovindu:hover .text8 { /*backg

CSS设置DIV背景色渐变显示

 <style type="text/css">  .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb, endColorStr=#f6f6f8); /*IE*/ background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/

JS轻松实现CSS设置,DIV+CSS常用CSS设置_javascript技巧

类/标签/ID: 所有数值都不用输入单位; 宽: 高: 背景色: 前景色: 边框: 颜色:选择soliddottednonehiddendasheddoublegrooveridgeinsetoutset 外间距 Margin : 如:10px 2px 内间距 Padding: 如:10px 2px 浮动: 左 右 × 显示:选择 block inline none 可见:可见 隐藏 × 文本对齐:选择leftcenterright 行高:%无px 文字缩进: 文本: 字体: 选择宋体黑体Ari

css 实现div半透明度实现代码

place holder height:1000px; 背景半透明覆盖整个可视区域 这个效果效果在工作中经常会遇到,这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性. 下面我们通过一个简单的例子看看如何实现,高手请绕道. html代码很简单 < d i v class="mask opacity">< / d i v > 1 .半透明效果可以使用 css3 中的 opacity 属性,在低版本的IE浏览器中使用IE的alpha 滤镜.代码: .opac

css设置透明度

#right {  .......  filter:alpha(opacity=50);   -moz-opacity:0.5;   -khtml-opacity: 0.5;   opacity: 0.5;  }  以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css , filter , 透明度 , alpha , right Opacity css 透明度.css设置div透明度.css设置透明.css设置图片透明度

jquery实现iframe高度自适应代码

废话不多说,直接上代码. 一.父窗口代码  代码如下 复制代码 <iframe id="_case" src="case.html" width="300" height="0" frameborder="0" scrolling="no" ></iframe> 二.子窗口代码    代码如下 复制代码 <div id="relation"

典型的DIV+CSS三行二列居中高度自适应布局

css|自适应 如何使整个页面内容居中,如何使高度适应内容自动伸缩.这是学习CSS布局最常见的问题.下面就给出一个实际的例子,并详细解释.(本文的经验和是蓝色理想论坛xpoint.guoshuang共同讨论得出的.) 首先先按这里看实际运行效果,这个页面在mozilla.opera和IE浏览器中均可以实现居中和高度自适应.我们来分析代码: CSS: body{background:#999;text-align:center;color: #333;font-family:arial,verda

css 样式 ，给div设置了最小高度 当内容溢出最小高度时 之前给容器div设置的样式没作用

问题描述 css 样式 ,给div设置了最小高度 当内容溢出最小高度时 之前给容器div设置的样式没作用 解决方案 DIV设置最小高度DIV设置最小高度为什么我的设置的div最小高度不对 解决方案二: 不懂你要问什么东东,代码也没有.. 解决方案三: 你用浏览器调式调式呢 解决方案四: 你用的是谷歌调试吗?

研究了一下div+css的高度自适应问题_经验交流

div+css还是比较难搞的,要实现上下两个div高度自适应感觉麻烦,查了下资料只找到上下高度都是百份比的是可以的,我要实现上面的div是具体像素高度,下面是自适应剩余的百份比.自己搞了一下还要用上js,不知道是不是很笨,有好的方法请大家帖出来. <body style="height:100%; margin:0px; width:100%;"> <div id="ddii22″ style=" background-color:#ffffff;