Javascript 使用url加载div时避免css重叠

我在一个div中加载url，因为div中加载了url，它包含了css文件，这扰乱了我的父页面布局。我想将css限制为只加载那个div，这样就不会干扰页面上的其他内容。我不想使用iframe，因为jquery中有一些dragdrop操作，而且它不支持将元素从父页面拖动到iframe的好方法。

---

有什么解决方案吗？

为父元素指定一个特定的类/id名称，并在css中使用该类/id名称作为特定的选择器

仅在该css文件中添加特定于div的css代码。

假设您使用的jQuery加载函数与以下类似：

$('#mydiv').load(myUrl);

通过在url中添加选择器，您可以从加载的页面中仅选择感兴趣的HTML。请参阅jQuery文档了解：

---

如果您需要使用自己的CSS呈现url处的完整页面，那么从您自己的页面对其进行沙箱处理的唯一可靠方法是使用iframe。

发布代码示例，以便我们可以看到您的尝试。另外，你有没有考虑过你正在“加载”的CSS的名称间隔？url是随机加载的，这意味着它将来自google.com或cnn.com，所以我必须将它限制在div中，然后你必须更新样式表中的CSS文件类/id！

$('#mydiv').load(myUrl + ' #content');