将html页面加载到div而不影响div外的样式答案

【问题标题】：Load a html page to a div without affecting the style outside the div将html页面加载到div而不影响div外的样式
【发布时间】：2014-12-10 17:45:46
【问题描述】：

除了使用iframe之外，还有什么方法可以让外部html页面加载到div而不影响div外的样式？

我现在使用jquery加载，但是如果外部html页面定义了body样式，那么指定div之外的页面样式就会改变。

比如我想把这个页面加载到一个div中

<!DOCTYPE html>
<head>
    <meta charset="UTF-8" />
    <title>TEST</title>
    <link type="text/css" href="styles.css" rel="stylesheet">
    <style>
    body {
        background-color: #DEDEDE; font-size: 96px;
    }
    </style>
</head>
<body>
    <div id="test">
        <p>test</p>
    </div>
</body>
</html>

这个页面定义了 body 的样式，它包含一个外部 css 文件。（我无法控制页面的内容。）

【问题讨论】：

有什么例子可以让我们了解你想要什么吗？
@BarlasApaydin 示例已添加，谢谢！
这是你需要的吗？：jsfiddle.net/6b2m1Luk 使用 CSS 防止“溢出”。
@SvenvandeScheur 我认为没有。

标签： javascript jquery html css

【解决方案1】：

如果您不想影响您的父页面，则包含的 html 页面不得包含 html/body 标记、样式或 css 内容。

【讨论】：

【解决方案2】：

使用 ajax 代替加载，成功时只需从成功数据 html 中删除链接标签。

【讨论】：