将外层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>
<!--
作者:983521365@qq.com
时间:2017-05-16
描述:内容区
-->
</body>
</html>