文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | firefox | WPS | 杀毒软件 | Picasa
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形图像 办公软件 媒体动画 精文荟萃 常用软件 网页编程 技术开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院专栏firefox网页:适应IE和Firefox的Div最小高度设置
精品推荐
特别推荐
·下载:Firefox 4.0 Alpha 1 Pre版
·推荐一些实用的Firefox扩展
·帮你解决Firefox无节制内存占用的问题
·不可或缺 20个必备的Firefox插件
·提高做火狐firefox推介效果的技巧代码
·Firefox v2.0.0.9 简体中文版下载
·Javascript在IE和FireFox中的不同表现
·Firefox火狐浏览器常用快捷键大全
·Firefox明年目标:30%市场份额
·101件Firefox能而IE不能做的事
·常用技巧:解决Firefox启动慢的四种方法
·让IE也拥有Firefox的七大最强武器
·Firefox 浏览器实用应用技巧六则
·提高浏览体验的五十个FireFox扩展
·巧用插件 让Firefox也用上Web迅雷
·快速掌握使用Firefox技巧问答
·没有不可能 让Firefox也用上Web迅雷
·innerHTML在Firefox和Opera下的执行特例
·FireFox 如何用Javascript 修改状态栏
·实现IE收藏夹和Firefox书签互换
热点TOP10
·实现IE收藏夹和Firefox书签互换
·纯CSS的下拉菜单 支持IE6 IE7 Firefox
·下载:Firefox 4.0 Alpha 1 Pre版
·innerHTML在Firefox和Opera下的执行特例
·分享个极好的无刷新二级联动下拉列表,同样适用与firefox
·优化firefox提高上网浏览速度
·支持IE6 IE7 Firefox的纯CSS的下拉菜单
·firefox FTP合二为一 工作省心又方便
·火狐firefox FTP合二为一 工作省心又方便
·Firefox 必装的几款 NB 插件
·Firefox 使用常见问题和解决方法
·不可或缺 20个必备的Firefox插件
·换种思路 让Firefox用上迅雷下载
·加快mozilla-firefox的启动速度
·FireFox对XML的处理兼容IE的节点处理方法
·IE和Firefox在JavaScript方面的兼容性
·没有不可能 让Firefox也用上Web迅雷
·Firefox的32个插件介绍
·解决Firefox上网看不了Flash网页的问题
·让FireFox浏览网页速度大大提高

网页:适应IE和Firefox的Div最小高度设置

日期:2007年7月6日 作者: 查看:[大字体 中字体 小字体]


  在IE环境下,其实height就几乎就等于是min-height,指定容器高度后,当内容撑大时有自动延伸的特质。在Firefox内不会,而是显示固定height值。所以,就要找到一种适应IE和Firefox的方法。
  下面的四个Box中只有Box4是在IE和Firefox下都适应。
<Html>
<head>
<style type="text/Css">
<!--
.box1{ background-color:#F90; min-height:200px; width:125px; height:200px; float:left;}
.box2{ background-color:#0CF; min-height:200px; width:125px; height:200px; float:left;}
.box3{ background-color:#9C0; min-height:200px; width:125px; height:200px; float:left; height:auto;}
.box4{ background-color:#F9C; min-height:200px; width:125px; height:200px; float:left;}
[class].box4{height:auto;}
-->
</style></head>

<body>
<div class="box1">
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
<p>BOX1</p>
</div>
<div class="box2">
<p>BOX2</p>
</div>
<div class="box3">
<p>BOX3</p>
</div>
<div class="box4">
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
<p>BOX4</p>
</div>
</body>
</html>


  下面时在两种浏览器中的截图。
网页:适应IE和Firefox的Div最小高度设置


网页:适应IE和Firefox的Div最小高度设置

(出处:清风下载学院






上一篇:网页制作:实现CSS网页布局的简单原理

下一篇:网页制作技巧:CSS 实现完美垂直居中

网页:适应IE和Firefox的Div最小高度设置 相关文章:
·网页:适应IE和Firefox的Div最小高度设置
网页:适应IE和Firefox的Div最小高度设置 相关软件:

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn