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 相关文章推荐
js中根据字数截取字符串,不能截断url
Jan 12 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
JS面向对象编程详解
Mar 06 Javascript
AngularJs 弹出模态框(model)
Apr 07 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
Jun 24 Javascript
原生js实现验证码功能
Mar 16 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
May 28 Javascript
简化vuex的状态管理方案的方法
Jun 02 Javascript
react native 获取地理位置的方法示例
Aug 28 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
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
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
PHP面向对象之旅:深入理解static变量与方法
2014/01/06 PHP
CentOS下PHP安装Oracle扩展
2015/02/15 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
JS关键字球状旋转效果的实例代码
2013/11/29 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
JS瀑布流实现方法实例分析
2016/12/19 Javascript
详解vue axios中文文档
2017/09/12 Javascript
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
2018/08/08 jQuery
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
2019/01/07 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
简单两步使用node发送qq邮件的方法
2019/03/01 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
js闭包的9个使用场景
2020/12/29 Javascript
[48:48]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Dream TIME
2014/05/21 DOTA
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python ZipFile模块详解
2013/11/01 Python
21行Python代码实现拼写检查器
2016/01/25 Python
Python 3.7新功能之dataclass装饰器详解
2018/04/21 Python
Python实现直方图均衡基本原理解析
2019/08/08 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
WiFi云数码相框:Nixplay
2018/07/05 全球购物
俄罗斯金苹果网上化妆品和香水商店:Goldapple
2019/12/01 全球购物
鲜果饮品店创业计划书
2014/01/21 职场文书
喷漆工的岗位职责
2014/03/17 职场文书
《理想的风筝》教学反思
2014/04/11 职场文书
小学英语新课改心得体会
2016/01/22 职场文书
商业计划书之服装
2019/09/09 职场文书
Python实现简单的猜单词
2021/06/15 Python
python 中的jieba分词库
2021/11/23 Python
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏