將外層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>