div和iframe之间空隙太大的问题，终于解决了

最新推荐文章于 2024-07-10 16:20:48 发布
最新推荐文章于 2024-07-10 16:20:48 发布
阅读量1.8w 收藏 5
点赞数 2
分类专栏： .net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woshidaniu/article/details/23399441
版权
<html>
<head><title>test</title>

<link  href='2.css' rel="stylesheet" type="text/css">

</head>
  <script type="text/javascript">
        function switchSysBar() {
            var ssrc = document.all("frmTitle").style.display;
            if (ssrc == "none") {
                document.all("frmTitle").style.display = "";
            }
            else {
                document.all("frmTitle").style.display = "none"
            }
        }
    </script>
<body >
<div style="margin:0px;padding:0px;">skdfj</div>
<iframe align= "top " src= "left.html" width= "100% " height= "100% " marginheight= "0 " marginwidth= "0 " hspeace= "0 " vspace= "0 " frameborder= "0 " scrolling= "auto " >
</iframe>
<div  style="margin:0px;padding:0px;">
<iframe height="100%" width="100%" frameborder="0" src="left.html"
        name="leftFrame" align="middle" style="margin:0px;padding:0px;"></iframe>
</div>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td colspan="3" height="10" bgcolor="red" ><div style="margin:0px;padding:0px;">skdfj</div></td>
        </tr>
        <tr>
            <td width="190" id="frmTitle" noWrap="noWrap" name=fmTitle" valign="top" height="100%">
                <iframe height="100%" width="100%" frameborder="0" src="left.html"name="leftFrame"></iframe>
            </td>
            <td valign="top" width="100%" height="100%">
                <iframe height="100%" width="100%" frameborder="0" name="center" src="right.html">
                </iframe>
            </td>
        </tr>
    </table>
</body>
</html>
woshidaniu
关注
专栏目录
前端开发中游览器的兼容问题总结
weixin_45743799的博客
02-07 996
首先，为什么各种浏览器会产生兼容性问题？ 产生这个问题的主要原因是市面上的浏览器的种类很多，但由于不同的浏览器的内核不一致，从而导致各个浏览器对网页的解析就产生了差异。 对于解决浏览器兼容性问题，我们要从三个方面入手：html部分、css部分、js部分。 1、html部分 1、最突出也是最容易想到的就是高版本的浏览器用了低版本的浏览器无法识别的元素，从而导致不能解析。这点主要体现在html5的新标...
前端面试宝典
weixin_68266620的博客
09-15 5011
跨域是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。什么是同源策略呢？同源策略是浏览器最核心也是最基本的安全功能，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript的浏览器都会只用这个策略，所谓同源是指：域名，协议，端口相同，有一个不一样就是非同源策略1、Cookie、LocalStorage 和 IndexDB 无法读取2、DOM 和 Js对象无法获得3、AJAX 请求不能发送。
iframe与外层div之间有缝隙
江湖人称二舅
05-19 1462
今天写一个网页，外层div，里面放置了一个iframe，代码如下，padding和margin都设置成0了，但是iframe四边还是和外层的div之间有缝隙 <div id="divMidMidMain" style="padding:0px;margin:0px; text-align:clear"> <iframe src="./html/lottery/lunh
iframe设置的框架有空隙
xuanjiewu的专栏
10-24 4527
iframe设置的框架有空隙 1、左边和左上角总有空隙 把 JSP页面里的改成: 或者 2、右边有空隙 scrolling= "no "
iframe预览并且去掉工具栏并撑满可视区域
最新发布
想好了再写！
07-10 233
【代码】iframe预览并且去掉工具栏并撑满可视区域。
解决谷歌浏览器下div之间有间隙，线条的情况
cong_user的博客
12-10 1670
解决谷歌浏览器下div之间有间隙，线条的情况描述解决 描述 移动端会出现类似线条一样的东西 以为是outline或者border，但是设置为none都没有用。 解决 谷歌底下div之间会有缝隙，设置父元素背景色或者设置浮动均可，记得清除浮动~ ...
消除上下两个iframe标签的间距方法
A struggling white
12-17 1401
1、在iframe标签中加入align=“top”. 2 在css中加入margin：0；padding:0;
去除iframe之间的间隔
K_Jinze的博客
07-19 1940
iframe后面会有4px的间隔 解决方法: 方法1.iframe增加样式: margin: 0; float: left; 方法2.iframe增加样式: margin-bottom: -4px
传说中的军规：网站前端和后台性能优化的34条经验和方法
ligenyingsr的专栏
11-04 842
<br />1 减少HTTP请求数量 (Minimize HTTP Requests)<br /> <br />tag:content<br />80%的用户响应时间被花费在前端，而这其中的绝大多数时间是用于下载页面中的图片、样式表、脚本以及Flash这些组件。减少这些组件的数量就可以减少展示页面所需的请求数，而这是提高网页响应速度的关键。<br />朴素的页面设计当然是减少组件的一种途径，但有没有能兼顾丰富的页面内容和快速的响应速度的方法呢？下面就是一些不错的技巧，能在提供丰富的页面展现的同时，减少Htt
前端面试题（各种基础）
jontyy的博客
03-29 2201
HTML Doctype的作用，标准模式和混杂模式有什么区别 < ! D o c t y p e>声明位于HTML文档的第一行，出在html标签的前面，告诉浏览器的解析器用什么文档标准解析这个文档，当不存在或者格式错误的时候会采用兼容模式来加载这个网页 标准模式的排版和js运作模式都是以改浏览器支持的最高标准运行，在兼容模式中，页面以一种宽松的向后兼容的方式显示，模拟老师浏览器的...
面试总结（1）---7.28
刘群智的博客
07-28 1610
Ajax关于readyState（状态值）和status（状态码）的研究 var getXmlHttpRequest = function () {     try{         //主流浏览器提供了XMLHttpRequest对象         return new XMLHttpRequest();     }catch(e){         //低版本的IE浏览器没有...
iframe使用后如何去掉与下方元素之间的缝隙(留白、边框)，实用的解决办法！！！！
weixin_45969078的博客
06-08 2933
可以看到当页面使用iframe后，与下方div之间有一段距离。如何清除两个元素之间的缝隙。 解决办法
iframe框架或者网页与浏览器有间隙的处理办法
u011425213的专栏
10-01 4661
今天处理一个iframe框架，老问题再次出现了，浏览器边缘与浏览器有很大的一个间隙！在IE6下和Chrome下都有，这是我以前遇到很多次的现象了，可是我不是更搞代码出身的，记不住。 解决办法：给网页中body加上参数leftmargin=”0″ topmargin=”0″，只是body这一部分！ 如： 这样的话，浏览器与网页直接就没有间隙了，显得更加充实了！效果如：   注：1是
消除frames直接的空隙
黄立
11-25 891
<br />frame之间如果有空隙感觉比较不是很专业，通常消除frames直接的空隙注意这几个属性：<br />marginwidth="0" marginheight="0" <br />还有html的padding和margin，如果还不能消除空隙。就用firebug的click an element in the page to inspect 按钮，鼠标滑过空隙处，立马知道那个属性造成的空隙， 今天就碰到个问题发现两个frames之间的空隙无法消除，最后发现时table的cellpadding造成
使用iframe 底部及右部出现边距
devilszhou的专栏
05-28 2700
使用iframe 底部及右部出现边距时如果底部和右部存在15px左右得间距 可以给form属性设置margin-bottom:-15px;试试 同样可以查看iframe中scrolling属性设置成 no
php低部空隙太大,div和iframe之间空隙太大的问题，终于解决了
weixin_31869579的博客
03-12 109
test function switchSysBar() { var ssrc = document.all("frmTitle").style.display; if (ssrc == "none") { document.all("frmTitle").style.dis...
iframe底边多出4px或5px解决办法
weixin_30480651的博客
11-27 605
问题： 在处理iframe框架自适应时，并且已经去掉iframe的边框，但仍然出现底边多出4px或5px高度的情况。如图 <div id="content"> <iframe id="iframe" width="100%" height="100%" marginwidth="0" marginheight="0" scrolling="yes" allo...
360安全浏览器中iframe顶部会产生多余空白
weixin_33918114的博客
06-20 326
2019独角兽企业重金招聘Python工程师标准>>> ...
iframe跨域自适应高度问题的解决方法
walkingmanc的专栏
08-15 4677
1.被包含iframe页面上加入一个隐藏的ifrmae： 并加入js：   function sethash(){     hashH = document.documentElement.scrollHeight;      urlC = "http://www.ccvita.com/usr/uploads/demo/iframe/agent.html";  //本
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值