一个div 初始高度是400px; 当里面内容高度大于400时候就会溢出。
所有我想判断当内容高度大于400时 移除div高度属性,
问怎么能获取div中内容的高度
初始必须有固定高度,为了好看。所以不要说开始就不设高度。
一个div 初始高度是400px; 当里面内容高度大于400时候就会溢出。
所有我想判断当内容高度大于400时 移除div高度属性,
问怎么能获取div中内容的高度
初始必须有固定高度,为了好看。所以不要说开始就不设高度。
其实你可以不用jquery的,css中有个min-height最小高度,当不满400px时候保持400的高度,当超过400高度时自动适应高度,但是ie6不支持,所以使用_height来模拟min_height.
给你看个例子:
==========
<!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>
<style type="text/css">
.a1{
min-height:400px;
_height:400px;
width:500px;
border:1px solid red;
margin-bottom:10px;
}
</style>
</head>
<body>
<div class="a1">内容不到400px高度</div>
<div class="a1">
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
<p>内容超过400px高度</p>
</div>
</body>
</html>
css:height:400px;overflow:visible;
当然,还有更细致的方法:jquery。
可以用表格啊 表格会自动增大的,意思就是说当内容增大 表格的高宽也会随之增大的