iframe改变不了css,iframe css问题
如果所示,本意是在红色主体区域放一个iframe。代码就是下面注释的iframe
-->
-->
现在注释了
现在右边是没有滚动条的。
现在去掉iframe的注释,右侧滚动条出现。看最下面还有红色的背景,大概10px左右。
实在搞不懂这里为什么出现,我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问题相关推荐
- jq.html()改变颜色,jquery怎么更改css样式?
使用jQuery可以更改CSS的样式,例如更改颜色或在执行操作时更改元素的大小,本篇文章我们就来给大家介绍使用jQuery更改CSS样式的具体方法,下面来看具体的内容. 在jQuery中,可以使用CS ...
- IFrame语法小全 --使用iframe内的函数
IFrame语法小全 IFrame语法小全 IFrame可以在网页内嵌入另一个页面,类似"画中画"形式. 标记的使用格式是: <Iframe src="URL ...
- 代码:CSS——reset.css
代码:CSS--reset.css http://www.cnblogs.com/qq21270/p/5577856.html 图片列表 A链接标签: /*链接样式.文字颜色*/a{color:#66 ...
- [html] 在主框架下引入的iframe,如果检测这个iframe是否能打开,如果打不开则跳到404页面
[html] 在主框架下引入的iframe,如果检测这个iframe是否能打开,如果打不开则跳到404页面 首先我们知道 iframe 只有 onload 事件,没有 onerror 事件,无论 if ...
- css除法,CSS calc()百分比余数乘除法
嘿那里它是可行的,以计算这在CSS?CSS calc()百分比余数乘除法 100% - 650像素/ 2 * 100/100% 我有一个div contaniner与调整窗口大小长得那么在该容器中,我 ...
- html iframe自动高度,真正解决iframe高度自适应问题
1.前言 解决iframe高度自适应问题有两种方法 1.pym 2.手动设置iframe的高度 本文主要是总结第二种实现方式,因为第一种pym.js插件我没用懂 如果使用iframe时,遇到以下的需求 ...
- css expressionr,CSS自定义属性expression_r
CSS的出现使网页制作者在对网页元素的控制方便许多,当然,有利必有弊,CSS只能对颜色.大小.距离等静态样式有效,对于要实现某些html元素的动态样式就显得有些力不从心.有了CSS的自定义属性expr ...
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:win ...
- 奇妙的 CSS shapes(CSS图形)
CSS 发展到今天已经越来越强大了.其语法的日新月异,让很多以前完成不了的事情,现在可以非常轻松的做到.今天就向大家介绍几个比较新的强大的 CSS 功能: clip-path shape-outsid ...
- html设置模块宽度为200像素,css 宽度(CSS width)
DIV CSS宽度width样式属性 CSS 宽度是指通过CSS 样式设置对应div宽度,以下我们了解传统html宽度.宽度自适应百分比.固定宽度等宽度知识. 传统Html 宽度属性单词:width ...
最新文章
- 使用Formik轻松开发更高质量的React表单(一)入门
- 汇编: and,or逻辑运算指令
- mysql数据库使用命令导入sql文件
- 事情在不断的解决中,想念巫英才和张国振
- 单链表的实现操作(C语言)
- 荒野大镖客fc java_FC荒野大镖客无敌版
- 输出IMG格式SAR图像——Img格式图像文件概述
- python api框架 hook_Windows API Hooking in Python
- 傅里叶变换及其实现(MATLAB)
- linux数据库安装
- 史上最全的Android基础教程+入门实战训练+处理技巧(建议收藏)|寻找C站宝藏
- 十二个开源UML工具
- Sqoop基于时间列的增量数据之LastModified方式
- secureCRT显示中文
- Scipy总结(constants)
- Python Revisited Day 08 (高级程序设计技术)
- 给一个大表增加一个字段,带默认值
- 犹他大学支付45万美元赎金以阻止被盗数据泄露
- 前后端分离:vue项目部署服务器操作步骤详细
- 坚持使用Ubuntu