Firefox div高度自适应


1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用。在IE里面,height基本上就可以当作minheight来用,因为如果内容超出height,IE会自适应其高度。但是一旦设置了 height以后,FIrefox就不会自适应div的高度了。所以只能两个属性都不用,干干净净地写<div>Jimbor Studio</div>。

2.即使不设置固定高度,Firefox对高度的自适应也不那么尽人意。如果需要在一个层内嵌套一个需要float来规定的层,那它就又失灵了。其实有个最简单的方法,就是在div内的最下面加一个clear:both的div。例如:

复制代码 代码如下:

<div>
<div style="float:left;">Jmedia Design</div>
<div style="float:right;">www.jmedia.cn</div>
<div style="clear:both;"></div>
</div>


3.还有看到一个js解决的,也可以。
复制代码 代码如下:

<script type="text/javascript">
<!--
document.getElementById("box").style.height=document.getElementById("right").scrollHeight+20+"px"
-->
</script>



相关阅读:
PHP对GB编码动态转UTF-8编码的几种方法评测
linux系统下rpm包的安装、删除、效验、查询
网页制作ajax特效实例
教你解决Vista无法收邮件问题
使用Javascript和DOM Interfaces来处理HTML
Linux Ubuntu 9.04获得更快的系统启动速度
Oracle10gR2的ORA-06512 OLAP错误
lfork用法 inux多进程的总结
Web2.0中Ajax应用的详解
某大型网络公司应聘时的笔试题目附答案
例子解释
CSS的内容注释和作者及文件版本注释
验证并修复css错误内容的相关连接
CSS解决链接锚点定位偏移
快速导航

Copyright © 2016 phpStudy |