火狐下div高度自适应问题
1我的DIV必须设定高度为400，但是在火狐下当DIV内容超出高度时，DIV不会自适应高度。怎样让这个DIV在火狐下能撑开呢2跟问题1无关。当我在DIV的内容超过一定高度...
1 我的DIV必须设定高度为400，但是在火狐下当DIV内容超出高度时，DIV不会自适应高度。怎样让这个DIV在火狐下能撑开呢
2 跟问题1无关。当我在DIV的内容超过一定高度时整个最外围的DIV会向左移动大约2PX，是哪里出错了 展开
2 跟问题1无关。当我在DIV的内容超过一定高度时整个最外围的DIV会向左移动大约2PX，是哪里出错了 展开
展开全部
您好！很高兴为您答疑！
在DIV内部的最后追加clear:both样式就可以了，比如：
<div style="background-color:#FF0000;">
<div style="float:left; height:200px">Jmedia Design</div>
<div style="float:right; height:800px">www.jmedia.cn</div>
<div style="clear:both"></div>
</div>
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
在DIV内部的最后追加clear:both样式就可以了，比如：
<div style="background-color:#FF0000;">
<div style="float:left; height:200px">Jmedia Design</div>
<div style="float:right; height:800px">www.jmedia.cn</div>
<div style="clear:both"></div>
</div>
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
大雅新科技有限公司
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器，VGA延长器,VGA视频延长器,DVI KVM 切换器等，优质供应商，...
点击进入详情页
本回答由大雅新科技有限公司提供
展开全部
给你个小例子
<div style="background-color:red">
<div style="float:left">1111</div>
<div>11111</div>
</div>
这样主框red就自动撑开了，适用于ff，ie
第二个问题解决是
给最外围div添加overflow:hidden
<div style="background-color:red">
<div style="float:left">1111</div>
<div>11111</div>
</div>
这样主框red就自动撑开了，适用于ff，ie
第二个问题解决是
给最外围div添加overflow:hidden
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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>解决ie6 7 8 ff chrome div高度自动增加问题 by saruri </title>
</head>
<body style="padding:0px; margin:0px; min-height:300px;">
<style>
.abc{ width:940px; min-height:60px;
max-height:none; border:1px solid #999; background-color:#060;}
.cde{width:940px;
max-height:none; border:1px solid #999; background-color:#060;}
.fgh{width:940px;
height:60px; max-height:none; border:1px solid #999; background-color:#060;}
</style>
<div class="abc">
<p><strong>
第三个层固定高度其他的高度自适应 min-height 和max-height 是ie 7 8 ff chrome支持的 ie6div高度自适应 用不着</strong></p>
<p>如果div里有float <br>那么<br>加入清除浮动 clear的div可以解决内容溢出问题<br>容内容内容内容内<br>容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容<br>内容内容内<br>容内容内容内容内容内容内容内<br>容内容内容内容内<br>容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div class="cde">
<br>
内容内容内容内容内容内容内容内容内容<br>内容内容内<br>容内容内容内容内容内容内容内<br>容内容内容内容内<br>容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容<br>内容内容内<br>容内容内容内容内容内容内容内<br>容内容内容内容内<br>容内容内容内容内容内容内容内容内容内容内容内容
</div>
<div class="fgh"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>解决ie6 7 8 ff chrome div高度自动增加问题 by saruri </title>
</head>
<body style="padding:0px; margin:0px; min-height:300px;">
<style>
.abc{ width:940px; min-height:60px;
max-height:none; border:1px solid #999; background-color:#060;}
.cde{width:940px;
max-height:none; border:1px solid #999; background-color:#060;}
.fgh{width:940px;
height:60px; max-height:none; border:1px solid #999; background-color:#060;}
</style>
<div class="abc">
<p><strong>
第三个层固定高度其他的高度自适应 min-height 和max-height 是ie 7 8 ff chrome支持的 ie6div高度自适应 用不着</strong></p>
<p>如果div里有float <br>那么<br>加入清除浮动 clear的div可以解决内容溢出问题<br>容内容内容内容内<br>容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容<br>内容内容内<br>容内容内容内容内容内容内容内<br>容内容内容内容内<br>容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div class="cde">
<br>
内容内容内容内容内容内容内容内容内容<br>内容内容内<br>容内容内容内容内容内容内容内<br>容内容内容内容内<br>容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容<br>内容内容内<br>容内容内容内容内容内容内容内<br>容内容内容内容内<br>容内容内容内容内容内容内容内容内容内容内容内容
</div>
<div class="fgh"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
问题一：
答：浏览器默认容器是没有宽和高的，只有当你给他一个浮动以后（float）以后才会有宽和高。
所以你如果想让他自适应高度，那只能是给他一个float:left;
问题二：
答：需要看你的页面和样式才好具体回答。应该是你的样式定义问题。
答：浏览器默认容器是没有宽和高的，只有当你给他一个浮动以后（float）以后才会有宽和高。
所以你如果想让他自适应高度，那只能是给他一个float:left;
问题二：
答：需要看你的页面和样式才好具体回答。应该是你的样式定义问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
