火狐下div高度自适应问题

来源:百度知道 编辑:UC知道 时间:2024/06/03 21:53:18
1 我的DIV必须设定高度为400,但是在火狐下当DIV内容超出高度时,DIV不会自适应高度。怎样让这个DIV在火狐下能撑开呢

2 跟问题1无关。当我在DIV的内容超过一定高度时整个最外围的DIV会向左移动大约2PX,是哪里出错了

给你个小例子
<div style="background-color:red">
<div style="float:left">1111</div>
<div>11111</div>
</div>
这样主框red就自动撑开了,适用于ff,ie

第二个问题解决是
给最外围div添加overflow:hidden

问题一:

答:浏览器默认容器是没有宽和高的,只有当你给他一个浮动以后(float)以后才会有宽和高。

所以你如果想让他自适应高度,那只能是给他一个float:left;

问题二:

答:需要看你的页面和样式才好具体回答。应该是你的样式定义问题。

  您好!很高兴为您答疑!

  在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>
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

<!DOCTYPE html PUBLIC "-//W3C//D