解决 frameset 框架中间的空白

最新推荐文章于 2024-12-03 14:49:51 发布

doctor韦

最新推荐文章于 2024-12-03 14:49:51 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： frameset 空白文章标签： frameset 空白 html

本文链接：https://blog.youkuaiyun.com/weizhongxing6/article/details/78412941

frameset 同时被 2 个专栏收录

2 篇文章

订阅专栏

空白

1 篇文章

订阅专栏

本文介绍了解决使用HTML frameset开发后台管理系统时出现框架间空白的方法。通过调整frameset标签属性，确保不同浏览器下（包括IE）的一致显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当我们用frameset来开发后台的时候，常常会出现框架之间有空白的问题。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台管理系统</title>
<style>
body{margin:0;padding:0}
frameset{padding:0px;margin:0px;border:none;} 
frame{width:100%;padding:0px;margin:0px;border:none;}
</style>
</head>
<frameset cols="15%,85%"  >
<frame src="/admin_left" noresize="noresize" frameborder="0"  border="0" marginwidth="0" marginheight="0"  allowtransparency="yes" scrolling="auto"/>
<frame name="mainFrame" noresize="noresize"  frameborder="0" border="0" marginwidth="0" marginheight="0"  allowtransparency="yes" src="/admin_right" />
</frameset>
</html>

这样会导致中间有一个空白，要解决这个问题，只要在frameset里面加一个

frameborder="0"

就可以了。修改后代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台管理系统</title>
<style>
body{margin:0;padding:0}
frameset{padding:0px;margin:0px;border:none;} 
frame{width:100%;padding:0px;margin:0px;border:none;}
</style>
</head>
<frameset cols="15%,85%"  frameborder="0">
<frame src="/admin_left" noresize="noresize" frameborder="0"  border="0" marginwidth="0" marginheight="0"  allowtransparency="yes" scrolling="auto"/>
<frame name="mainFrame" noresize="noresize"  frameborder="0" border="0" marginwidth="0" marginheight="0"  allowtransparency="yes" src="/admin_right" />
</frameset>
</html>

对了，如果要兼容IE浏览器，可以把

<frameset cols="15%,85%"  frameborder="0">

改成

<frameset cols="15%,85%"  frameborder="0"  border="0" framespacing="0" >