iframe引入页面
Posted 进击的小牛牛
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe引入页面相关的知识，希望对你有一定的参考价值。
将外层css框架单独存放在一个css文件之中，将iframe的css单独写在一个css文件，避免iframe中的html,body等公共部分的样式冲突。
外层框架单独写在一个css，如：
frame.css
引入页面的css单独写在一个文件，如：
content.css
frame.html如下，只引入frame.css
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>这是框架Html</title> <link rel="stylesheet" href="frame.css" /> </head> <body> <iframe src="content.html" width="100%" height="100%"></iframe> </body> </html>
content页面里则不需要引入frame.css文件，
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是contentHtml</title>
<link rel="stylesheet" href="content.css" />
</head>
<body>
<!--
作者：[email protected]
时间：2017-05-16
描述：内容区
-->
</body>
</html>
以上是关于iframe引入页面的主要内容，如果未能解决你的问题，请参考以下文章
HTML里用iframe引入一个头部页面JS下拉菜单显示不全