如果所示,本意是在红色主体区域放一个iframe。代码就是下面注释的iframe

-->

-->

现在注释了

bVIRcy?w=1394&h=1594

现在右边是没有滚动条的。

现在去掉iframe的注释,右侧滚动条出现。看最下面还有红色的背景,大概10px左右。

bVIRdr?w=1448&h=1422

实在搞不懂这里为什么出现,我js算的没问题啊。

我本意是iframe里的高度如果不足外面红色主体部分,就撑满。

代码:

function setIframeHeight(iframe) {

if (iframe) {

var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;

if (iframeWin.document.body) {

// iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;

var minHeight= document.documentElement.clientHeight - 50;//50是上面头部高度

iframe.height = Math.max(iframe.height, minHeight);

}

}

};

window.onload = function () {

setIframeHeight(document.getElementById('content-frame'));

};

请大神帮忙看看

iframe改变不了css,iframe css问题相关推荐

  1. jq.html()改变颜色,jquery怎么更改css样式?

    使用jQuery可以更改CSS的样式,例如更改颜色或在执行操作时更改元素的大小,本篇文章我们就来给大家介绍使用jQuery更改CSS样式的具体方法,下面来看具体的内容. 在jQuery中,可以使用CS ...

  2. IFrame语法小全 --使用iframe内的函数

    IFrame语法小全 IFrame语法小全   IFrame可以在网页内嵌入另一个页面,类似"画中画"形式. 标记的使用格式是: <Iframe  src="URL ...

  3. 代码:CSS——reset.css

    代码:CSS--reset.css http://www.cnblogs.com/qq21270/p/5577856.html 图片列表 A链接标签: /*链接样式.文字颜色*/a{color:#66 ...

  4. [html] 在主框架下引入的iframe,如果检测这个iframe是否能打开,如果打不开则跳到404页面

    [html] 在主框架下引入的iframe,如果检测这个iframe是否能打开,如果打不开则跳到404页面 首先我们知道 iframe 只有 onload 事件,没有 onerror 事件,无论 if ...

  5. css除法,CSS calc()百分比余数乘除法

    嘿那里它是可行的,以计算这在CSS?CSS calc()百分比余数乘除法 100% - 650像素/ 2 * 100/100% 我有一个div contaniner与调整窗口大小长得那么在该容器中,我 ...

  6. html iframe自动高度,真正解决iframe高度自适应问题

    1.前言 解决iframe高度自适应问题有两种方法 1.pym 2.手动设置iframe的高度 本文主要是总结第二种实现方式,因为第一种pym.js插件我没用懂 如果使用iframe时,遇到以下的需求 ...

  7. css expressionr,CSS自定义属性expression_r

    CSS的出现使网页制作者在对网页元素的控制方便许多,当然,有利必有弊,CSS只能对颜色.大小.距离等静态样式有效,对于要实现某些html元素的动态样式就显得有些力不从心.有了CSS的自定义属性expr ...

  8. Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

     在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1. 格式:win ...

  9. 奇妙的 CSS shapes(CSS图形)

    CSS 发展到今天已经越来越强大了.其语法的日新月异,让很多以前完成不了的事情,现在可以非常轻松的做到.今天就向大家介绍几个比较新的强大的 CSS 功能: clip-path shape-outsid ...

  10. html设置模块宽度为200像素,css 宽度(CSS width)

    DIV CSS宽度width样式属性 CSS 宽度是指通过CSS 样式设置对应div宽度,以下我们了解传统html宽度.宽度自适应百分比.固定宽度等宽度知识. 传统Html 宽度属性单词:width  ...

最新文章

  1. 使用Formik轻松开发更高质量的React表单(一)入门
  2. 汇编: and,or逻辑运算指令
  3. mysql数据库使用命令导入sql文件
  4. 事情在不断的解决中,想念巫英才和张国振
  5. 单链表的实现操作(C语言)
  6. 荒野大镖客fc java_FC荒野大镖客无敌版
  7. 输出IMG格式SAR图像——Img格式图像文件概述
  8. python api框架 hook_Windows API Hooking in Python
  9. 傅里叶变换及其实现(MATLAB)
  10. linux数据库安装
  11. 史上最全的Android基础教程+入门实战训练+处理技巧(建议收藏)|寻找C站宝藏
  12. 十二个开源UML工具
  13. Sqoop基于时间列的增量数据之LastModified方式
  14. secureCRT显示中文
  15. Scipy总结(constants)
  16. Python Revisited Day 08 (高级程序设计技术)
  17. 给一个大表增加一个字段,带默认值
  18. 犹他大学支付45万美元赎金以阻止被盗数据泄露
  19. 前后端分离:vue项目部署服务器操作步骤详细
  20. 坚持使用Ubuntu

热门文章

  1. 北京站售票员内部大量出票无耻的售票员(转)
  2. 第 4 章 Glance - 022 - 如何使用 OpenStack CLI
  3. Redis介绍使用及进阶
  4. 关于nginx rewrtie的四种flag
  5. Java并发编程(五)JVM指令重排
  6. 如何将sql查询出的结果,用符号隔开
  7. 《HTTP权威指南》– 8.网关、机器人
  8. cordova contacts测试
  9. 增加堆内存的大小 - 提防眼镜蛇效应
  10. 关于C#使用Shockwaveflash控件设计器不显示问题的解决方案