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去除空格的几种方法
Oct 03 Javascript
javascript同步Import,同步调用外部js的方法
Jul 08 Javascript
js null undefined 空区别说明
Jun 13 Javascript
php图像生成函数之间的区别分析
Dec 06 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
Mar 26 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
Apr 21 Javascript
详解@angular/cli 改变默认启动端口两种方式
Nov 29 Javascript
微信小程序实现分页加载效果
Nov 19 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
神族 Protoss 剧情介绍
2020/03/14 星际争霸
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
php求两个目录的相对路径示例(php获取相对路径)
2014/03/27 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
WordPress中的shortcode短代码功能使用详解
2016/05/17 PHP
jQuery textarea的长度进行验证
2009/05/06 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
2009/12/19 Javascript
JavaScript字符串String和Array操作的有趣方法
2012/12/18 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
js由下向上不断上升冒气泡效果实例
2015/05/07 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
2016/11/12 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
详解vue+vueRouter+webpack的简单实例
2017/06/17 Javascript
vue params、query传参使用详解
2017/09/12 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
Js代码中的span拼接问题解决
2019/11/22 Javascript
vue项目创建步骤及路由router
2020/01/14 Javascript
深入理解python中的select模块
2017/04/23 Python
Python数据分析库pandas基本操作方法
2018/04/08 Python
Django Xadmin多对多字段过滤实例
2020/04/07 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
canvas绘制文本内容自动换行的实现代码
2019/01/14 HTML / CSS
针对HTML5的Web Worker使用攻略
2015/07/12 HTML / CSS
金智子午JAVA面试题
2015/09/04 面试题
产假请假条
2014/04/10 职场文书
服务之星事迹材料
2014/05/03 职场文书
数控专业毕业生求职信
2014/06/12 职场文书
长城导游词400字
2015/01/30 职场文书
捐款仪式主持词
2015/07/04 职场文书
创业计划书之餐饮馄饨店
2019/07/18 职场文书
一道JS算法面试题——冒泡、选择排序
2021/04/21 Javascript
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技