用jquery怎么实现div随着内容的改变 高度也随着改变呢。。。。跪拜求答！！！

时间：2022-01-11 15:23:41
用jquery怎么实现div随着内容的改变 高度也随着改变呢。。。。跪拜求答！！！

12 个解决方案

#1

div什么都不设置，默认就是随着内容的改变 高度也随着改变的

#2

那个是不是只适合于ie 但是不适用于firefox?

#3



<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>测试</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>

<script >

$(function(){

	$('div').each(function(){

		$(this).height(this.scrollHeight);

	});

});

</script>

<style>

div{

	overflow:hidden;

	width:300px;

	height:100px;

	background-color:#FFC;

}

</style>

</head>


<body>

<div>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/></div>

</body>

</html>

#4

如果不设置div的高度，所有浏览器都是自动增加高度的，不需要js

#5

如果非得有个默认高度的话可以hack一下
div{
height:auto;
*height:100px;
min-height:100px;
}

#6

引用 2 楼 sonaxh 的回复:
那个是不是只适合于ie 但是不适用于firefox?

都适用

#7

引用 6 楼 pj100 的回复:
引用 2 楼 sonaxh 的回复:

那个是不是只适合于ie 但是不适用于firefox?

都适用
如果我在一开始设置了高度 ， 在firefox里就是如果增加了内容的话 div不会自增加了，对吧。

#8

看你加的什么内容了，好像加大图片的话，div还是会被撑大的

#9

引用 7 楼 sonaxh 的回复:
如果我在一开始设置了高度 ， 在firefox里就是如果增加了内容的话 div不会自增加了，对吧。

这些个问题需要具体情况具体分析，看你的相关设置时怎么设置的；你把你的代码贴出来才知道是怎么回事。不然，1楼孟老大的回帖就是标准答案

#10

我是来看 1楼孟老大 的

#11

如果设置了高度的话内容溢出div高度是不会随之增加的，最好设置一个min-height 具体参照5楼

#12

小弟遇到同样的问题

#1

div什么都不设置，默认就是随着内容的改变 高度也随着改变的

#2

那个是不是只适合于ie 但是不适用于firefox?

#3



<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>测试</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>

<script >

$(function(){

	$('div').each(function(){

		$(this).height(this.scrollHeight);

	});

});

</script>

<style>

div{

	overflow:hidden;

	width:300px;

	height:100px;

	background-color:#FFC;

}

</style>

</head>


<body>

<div>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/></div>

</body>

</html>

#4

如果不设置div的高度，所有浏览器都是自动增加高度的，不需要js

#5

如果非得有个默认高度的话可以hack一下
div{
height:auto;
*height:100px;
min-height:100px;
}

#6

引用 2 楼 sonaxh 的回复:
那个是不是只适合于ie 但是不适用于firefox?

都适用

#7

引用 6 楼 pj100 的回复:
引用 2 楼 sonaxh 的回复:

那个是不是只适合于ie 但是不适用于firefox?

都适用
如果我在一开始设置了高度 ， 在firefox里就是如果增加了内容的话 div不会自增加了，对吧。

#8

看你加的什么内容了，好像加大图片的话，div还是会被撑大的

#9

引用 7 楼 sonaxh 的回复:
如果我在一开始设置了高度 ， 在firefox里就是如果增加了内容的话 div不会自增加了，对吧。

这些个问题需要具体情况具体分析，看你的相关设置时怎么设置的；你把你的代码贴出来才知道是怎么回事。不然，1楼孟老大的回帖就是标准答案

#10

我是来看 1楼孟老大 的

#11

如果设置了高度的话内容溢出div高度是不会随之增加的，最好设置一个min-height 具体参照5楼

#12

小弟遇到同样的问题
标签：

相关文章