DIV高是100%，超出500出滚动条如何实现？
我现在的CSS是这样的.ADC.autoScroll{height:250px;overflow:auto;}我想要的效果是这样，，这个DIV本身高度是100%，如果只有...
我现在的CSS 是这样的
.ADC.autoScroll{height:250px;overflow:auto;}
我想要的效果是这样，，这个DIV本身高度是100%，如果只有一行内容，就只占一行的高度，但是如果超出5行，我设定是250PX 如果超出部分出滚动条，
现在的问题是DIV里内容只有一行，高度也显示250.。
意思就是高度在250以内自适应高度，超出250PX就自动出滚动条，这个要怎么实现？
css里怎么写？或者直接在DIV里写也可以 展开
.ADC.autoScroll{height:250px;overflow:auto;}
我想要的效果是这样，，这个DIV本身高度是100%，如果只有一行内容，就只占一行的高度，但是如果超出5行，我设定是250PX 如果超出部分出滚动条，
现在的问题是DIV里内容只有一行，高度也显示250.。
意思就是高度在250以内自适应高度，超出250PX就自动出滚动条，这个要怎么实现？
css里怎么写？或者直接在DIV里写也可以 展开
3个回答
展开全部
源代码如下：
<!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=gb2312" />
<title>无标题文档</title>
<style>
.abc{ height:auto; max-height:250px; overflow:auto; border:1px #000066 solid; width:500px; margin:0 auto;}
</style>
</head>
<body>
<div class="abc">
<p>只有一行文字的效果</p>
</div>
<p> </p>
<div class="abc">
<p>多行文字高度超过250的效果</p>
<p>多行文字高度超过250的效果</p>
<p>多行文字高度超过250的效果</p>
<p>多行文字高度超过250的效果</p>
<p>多行文字高度超过250的效果</p>
<p>多行文字高度超过250的效果</p>
<p>多行文字高度超过250的效果</p>
<p>多行文字高度超过250的效果</p>
</div>
</body>
</html>
效果如下：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
