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

Question

我在div中加载url，因为div加载了url，它包含css文件，这会扰乱我的父页面布局。我想将css限制为仅加载div，因此它不会打扰页面上的其他内容。我不想使用iframe，因为有一些使用jquery的dragdrop工作，它不支持将元素从父页面拖动到iframe的好方法。 有什么解决方案吗？

Answer 1

假设您使用的jQuery load函数类似于：

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

您可以通过在网址上附加选择器，从加载的页面中仅选择您感兴趣的HTML（请参阅Loading Page Fragments的jQuery文档）：

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

如果您需要使用自己的CSS渲染网址的完整页面，那么从您自己的网页沙箱化唯一可靠的方法就是使用iframe。

Answer 2

为您的父元素提供特定的类/ ID名称，并在您的css中使用该类/ ID名称作为特定选择器

Answer 3

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