请教大家一个关于DIV+CSS问题

Malone666 2008-11-20 11:41:17

请教DIV+CSS高手一个问题。我把一个DIV的高度设置成一个固定值比如360px，当他里面的文字内容没有超过这个高度值时，DIV的高度没有增加，但是当文字内容增加超过个高度时，让div高度跟着增加，我知道有个办法是设置overflow:auto,或去掉overflow:hidden;但是这只能在IE6下通过，在FF中高度没有跟着增加，超过的文字行数没有被看见

...全文

157 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

Hozaka 2008-11-23

打赏
举报

[Quote=引用 5 楼 chinmo 的回复:]
HTML code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><styletype="text/css">.auto{background-color:#fc0;border:1px #f30 solid;float:left;width:200px;min_height:20px;_height:20px;}</style></head><body><divclass="auto">1111111111<br/>2222222222222<br/>333333333…
[/Quote]

应该是 min-height 吧？这种错误很让人怀疑的。
另外，如果要想通过 W3C 的 CSS2 验证，可以这样写



.flexible {

  height: auto !important;

  height: 360px;

  min-height: 360px;

}

空心兜兜 2008-11-22

打赏
举报

学习下

lqscoke 2008-11-22

打赏
举报

学习

net_xiaojian 2008-11-22

打赏
举报

ie6不支持min-height.

Malone666 2008-11-20

打赏
举报

[Quote=引用 3 楼 ddcatlee 的回复:]
引用 2 楼 ddcatlee 的回复:
min_height:360px;
_height:360px; /* 对于ie6设定高度，其他浏览器可以识别min_height */

汗。。。写错了
min-height
[/Quote]
加了好像不行啊，还有其他的办法吗？

ddcatlee 2008-11-20

打赏
举报

[Quote=引用 2 楼 ddcatlee 的回复:]
min_height:360px;
_height:360px; /* 对于ie6设定高度，其他浏览器可以识别min_height */
[/Quote]

汗。。。写错了
min-height

ddcatlee 2008-11-20

打赏
举报

min_height:360px;
_height:360px; /* 对于ie6设定高度，其他浏览器可以识别min_height */

Malone666 2008-11-20

打赏
举报

sjmlsxp 2008-11-20

打赏
举报

一般我也是这么解决的
不过，国外的网站似乎都不是用这种方法

mute_solo 2008-11-20

打赏
举报

[Quote=引用 5 楼 chinmo 的回复:]
HTML code
<!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>
<title></title>
<style type="text/css">
.auto {
background-color:#fc0;
border:1px #f30 solid;
float:left;
width: 200px;
min_height:20px;
_height:20px;
}
</style>
</head>

<bod…
[/Quote]

写的不错

一把编程的菜刀 2008-11-20

打赏
举报



<!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>

<title></title>

<style type="text/css">

.auto {

	background-color:#fc0; 

	border:1px #f30 solid;

	float:left;

	width: 200px;

	min_height:20px;

	_height:20px;

}

</style>

</head>

<body >

<div class="auto">

1111111111<br />

2222222222222<br />

333333333333333333333<br />

4444444<br />

555555555555<br />

666666666666666<br />

777777777777777777</div>

</body>

</html>