Firefox div高度自适应


Posted in Javascript onApril 28, 2009

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>
Javascript 相关文章推荐
javascript动态改变img的src属性图片不显示的解决方法
Oct 20 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
JS清除选择内容的方法
Jan 29 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
Aug 27 Javascript
Bootstrap框架的学习教程详解(二)
Oct 18 Javascript
javascript 显示全局变量与隐式全局变量的区别
Feb 09 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
vue项目中跳转到外部链接的实例讲解
Sep 20 Javascript
微信小程序模板template简单用法示例
Dec 04 Javascript
在vue中使用echarts(折线图的demo,markline用法)
Jul 20 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
前端框架ECharts dataset对数据可视化的高级管理
Dec 24 Javascript
jquery 获取json数据实现代码
Apr 27 #Javascript
javascript 对象比较实现代码
Apr 27 #Javascript
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 #Javascript
一个选择最快的服务器转向代码
Apr 27 #Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 #Javascript
细品javascript 寻址,闭包,对象模型和相关问题
Apr 27 #Javascript
基于jQuery图片平滑连续滚动插件
Apr 27 #Javascript
You might like
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
php中url函数介绍及使用示例
2014/02/13 PHP
php采用curl模仿登录人人网发布动态的方法
2014/11/07 PHP
PHP生成RSS文件类实例
2014/12/05 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
使用Zookeeper分布式部署PHP应用程序
2019/03/15 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
jquery获得下拉框值的代码
2011/08/13 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
2017/01/10 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
JavaScript中使用参数个数实现重载功能
2017/09/01 Javascript
基于nodejs实现微信支付功能
2017/12/20 NodeJs
Vue实现移动端左右滑动效果的方法
2018/11/27 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
如何利用javascript接收json信息并进行处理
2020/08/06 Javascript
解决Python安装后pip不能用的问题
2018/06/12 Python
全球最大的服务市场:Fiverr
2017/01/03 全球购物
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
加拿大女包品牌:Matt & Nat
2017/05/12 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
简述synchronized和java.util.concurrent.locks.Lock的异同
2014/12/08 面试题
广告学专业毕业生自荐信
2014/05/28 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
孝女彩金观后感
2015/06/10 职场文书
工作简报范文
2015/07/21 职场文书
JavaScript与JQuery框架基础入门教程
2021/07/15 Javascript
使用Django框架创建项目
2022/06/10 Python