DIV+CSS 自适应高度
有一DIV,默认高度为200PX,当DIV里内容超出限定时,DIV自适应高度,要求使用纯CSS+DIV,不需要JS,兼容火狐浏览器,...
有一DIV,默认高度为200PX,当DIV里内容超出限定时,DIV自适应高度, 要求使用纯CSS+DIV,不需要JS,兼容火狐浏览器,
展开
展开全部
min-height:100px; 加这个最小高度就可以了
<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">
.min{ min-height:100px; width:200px}
.borders{ border:solid 1px #06F}
</style>
</head>
<body>
<div class="min borders">
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国
中华人民共和国
中华人民共和国
中华人民共和国
</div>
</body>
</html>
<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">
.min{ min-height:100px; width:200px}
.borders{ border:solid 1px #06F}
</style>
</head>
<body>
<div class="min borders">
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国<br />
中华人民共和国
中华人民共和国
中华人民共和国
中华人民共和国
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用CSS中的min-height就可以了。把div的高度设置成min-height:200px;当有超过200的内容填充div的时候,高度就会自动变化
.div{min-height:200px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以选择用百分比来做
<div style="width:80%">1111111</div> 这样的div是关于整个浏览器80%宽度的,但是把浏览器宽度拉到最小里边的字就会没有了
<div style="width:950px">11111111</div> 这样的div定死了宽度。浏览器缩小它也不随着动，所以里边的字用户一直能看见，但是整个页面显的特别死
<div style="width:80%">1111111</div> 这样的div是关于整个浏览器80%宽度的,但是把浏览器宽度拉到最小里边的字就会没有了
<div style="width:950px">11111111</div> 这样的div定死了宽度。浏览器缩小它也不随着动，所以里边的字用户一直能看见，但是整个页面显的特别死
参考资料： http://www.nanvba.com/css/40.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
height:auto !important;
height:200px; /*假定最低高度是200px*/
min-height:200px;
这个设置，ie6,7,8 ,火狐等都能兼容。。。
height:200px; /*假定最低高度是200px*/
min-height:200px;
这个设置，ie6,7,8 ,火狐等都能兼容。。。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
