div 横向布局中间高度自适应 - forlab - ITeye博客

`

forlab

浏览: 129639 次
性别:
来自: 北京

最近访客更多访客>>

paladin1988

铁路局

xx5333

kingkwj

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

pktangshao：不错.效果挺好的.
前台界面效果----div弹出层，后面变色不可编辑
星尘pxj：大神，我也出现了这样的问题，能将jar包传我一下吗
java.lang.NoSuchMethodError: org.apache.commons.fileupload.servlet.ServletFileUp
springsen：非常感谢，按照这个方法，现在已经解决了
webservice

div 横向布局中间高度自适应

博客分类：

HTML

阅读更多

<html>
<div id="header" style="height:100px; background-color:red"></div>
<div id="content" style="overflow-y:auto; background-color: yellow">会自动出现滚动条</div>
<div id="footer" style="height:100px; background-color:blue"></div>
<script type="text/javascript">
function resizeContent(){
    availHeight = parseInt(document.body.clientHeight);
    header_height=parseInt(document.getElementById("header").style.height);
    footer_height=parseInt(document.getElementById("footer").style.height);
    content_height=(availHeight-header_height-footer_height)+"px";
    document.getElementById("content").style.height=content_height;
}
resizeContent();
window.onresize=resizeContent;
</script>
</html>

分享到：

导航条与滚动条之间关系用例（类似天猫） | java中中文编译后，用代码反编译

2012-11-16 22:10
浏览 1143
评论(0)
分类:行业应用
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

DIVCSS布局大全.pdf: 网页设计DIV+CSS——第10 天:自适应高度......................................................................................... 20 网页设计DIV+CSS——第11 天:不用表格的菜单................................

横向两列布局（左列固定，右列自适应）的4种CSS实现方式: 需要实现横向两列布局：左列固定，右列自适应的效果，如下图： HTML代码： XML/HTML Code复制内容到剪贴板 <html> <head> <meta charset=UTF-8> <title>测试练习</title...

CSS网站布局实录（第二版）PDF版: 3.8 三列浮动中间列宽度自适应 3.9 高度自适应 3.10 盒模型详解(.Box Model) 3.10.1 什么是盒模型 3.10.2 盒模型的细节 3.10.3 上下margin叠加问题 3.10.4 左右margin加倍问题 3.11 深入浮动(Float) 3.11.1 文档流...

CSS文集: 利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效需要掌握的八个CSS布局技巧用css实现链接经过时显示浮动图片背景的效果自适应大小的CSS圆角盒子 div+css实现Firefox和IE6兼容的垂直居中...

变幻之美DIV+CSS: 自适应高度的滑动背景图片及背景图片设置技巧； ?如何解决IE6双倍边距bug； ?认识IE6、IE7特定选择器； ?margin-bottom失效情况的解决； ?将icon图标集成于一个图片文件； ?设置链接变换小图标的样式； ?一张...

JQuery&CSS;&CSS;+DIV实例大全.rar: 打包两款实用jquery+div横向滑动的下滑菜单代码(兼容性好)下载 31.非常帅jquery仿雅虎网超大菜单导航代码 32.分享jquery带阴影效果折叠菜单dropdown给大家 33.分享下载jquery+Css黑色风格版的手风琴菜单,带...

div+css有实例,易学易懂: div+css有实例,易学易懂第1 章 Web 标准布局的本质第8 页 1.1 为什么要建立Web 标准 1.1.1 建立Web 标准的目的 1.1.2 使用Web 标准的好处 1.2 什么是Web 标准 1.3 内容、结构和表现 1.4 两种思考方式 1.5 Web 标准...

100多个JQuery效果示例（实例）div+css+javascrpit: 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片个数等示例 45. jQuery演示Ajax加载并显示图片的相片画廊实例 46. jQuery版Sexy Lightbox 2.3内容修饰框插件下载(支持HTML,flash,图片,视频等) ...

JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个: 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. ...

vue draggable resizable 实现可拖拽缩放的组件功能: 主要介绍了vue draggable resizable 实现可拖拽缩放的组件功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

JavaScript_JQuery_CSS_DIV漂亮的实例: 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片个数等示例 45. jQuery演示Ajax加载并显示图片的相片画廊实例 46. jQuery版Sexy Lightbox 2.3内容修饰框插件下载(支持HTML,flash,图片,视频等) ...

香香企业管理系统 v5.0: 通栏banner、logo+2广告位 4、支持设置顶部是否显示时间、节日、天气预报 5、支持设置导航菜单的数量或自适应 6、支持自定义多行的导航样式（◆商业版） 7、支持导航的子菜单3种模式：下拉式、横向式、右侧子...

jquery 动态示例: 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片个数等示例 45. jQuery演示Ajax加载并显示图片的相片画廊实例 46. jQuery版Sexy Lightbox 2.3内容修饰框插件下载(支持HTML,flash,图片,视频等) ...

香香企业管理系统 v5.0.rar: 香香企业文章管理系统是全站采用主流DIV CSS框架布局，功能强大，操作人性化，有五种不同模式，可以适用于广泛的新闻发布型网站，让不懂代码但又想建立自己网站的朋友，通过后台简单的配置，就能拥有一个个性化的...

网钛文章管理系统: 网钛文章管理系统是全站采用主流DIV+CSS框架布局，功能强大，操作人性化，有五种不同模式，不但可以适用于广泛的新闻发布型网站，还适用于淘宝客网站，后续网钛科技将会不断升级优化，扩展功能，但不会往功能全面...

Global site tag (gtag.js) - Google Analytics