Html 我可以用独立的样式表显示内部div吗？

我的应用程序允许用户编辑文档。毫不奇怪，编辑器小部件将用户文档表示为HTML

我需要在编辑器外重新显示文档，但在我的站点布局内。文档需要以编辑器中显示的完全相同的样式显示，不受我的站点样式表的影响。我可以在只读模式下使用编辑器，隐藏所有按钮，但仍然需要解决滚动条和边框样式问题

---

我已经确定了编辑器使用的CSS文件。如何有效地将div元素（将包含文档的元素）配置为（1）忽略所有当前样式，以及（2）加载css文件以应用于其内容？

是和否。如果要使用div，则需要使用定义了样式的样式表来“重置”该div的css。这基本上会撤消站点的样式，然后，任何新的样式选择器都应该局限于该div本身

---

否则，我建议使用iframe之类的东西，在这里您可以呈现一个真正独立的文档

是和否。如果你想使用一个div，你需要使用一个样式表，其中定义了样式来“重置”该div的css。这基本上会撤消你网站的样式，然后任何新的样式选择器都应该限制在该div本身内

否则，我建议使用iframe之类的东西，在这里您可以呈现一个真正独立的文档

您有两个选择：

1.）重置包含文档的div上的所有样式，并确保文档的样式优先于重置。这可能会变得一团糟

2.）使用iframe并在iframe中加载文档和样式

<iframe src=".../documents/myDocument.html"></iframe>

其中“myDocument.html”是一个包含文档和样式的html文档（将文档html页面视为任何其他html页面，并确保其具有适当的头和体标记等）

其他选择：

1.）在另一个窗口中打开文档html页面

<a href=".../document/myDocument.html" target="_blank" >Open Document</a>

2.）将文档呈现为pdf格式，并使用pdf查看器将其加载到页面中。（您可能希望保留原始文档的备份，因为我认为转换回原始文档会很糟糕）。

您有两种选择：

1.）重置包含文档的div上的所有样式，并确保文档的样式优先于重置。这可能会变得一团糟

2.）使用iframe并在iframe中加载文档和样式

<iframe src=".../documents/myDocument.html"></iframe>

其中“myDocument.html”是一个包含文档和样式的html文档（将文档html页面视为任何其他html页面，并确保其具有适当的头和体标记等）

其他选择：

1.）在另一个窗口中打开文档html页面

<a href=".../document/myDocument.html" target="_blank" >Open Document</a>

---

---

2.）将文档呈现为pdf格式，并使用pdf查看器将其加载到页面中。（您可能希望保留原始文档的备份，因为我认为转换回原始文档会很糟糕）。

为什么不打开一个包含该文档的新窗口？就我所知，当/如果您引入第二个样式表时，无论发生什么情况，它都会将所有样式级联到引用的第二个样式。@peter是的，这是一个选项。@Jacob文档需要嵌入到我们网站的上下文中。但是，您的建议值得我们再次考虑。@Jacob，使用iFrame将防止样式层叠到iFrame中：为什么不打开一个包含文档的新窗口？就我所知，当/如果您引入第二个样式表时，无论发生什么情况，它都会将所有样式级联到引用的第二个样式。@peter是的，这是一个选项。@Jacob文档需要嵌入到我们网站的上下文中。但是，您的建议值得我们再次考虑。@Jacob，使用iFrame将防止样式层叠到iFrame中：如果您对iFrame的样式或iFrame的内容有任何疑问，我会在这里：+1查找iFrame。这是防止CSS冲突的可靠方法，而重置将取决于所有内容的级联方式，并且很可能容易出错。我还没有尝试过，但这一条似乎满足了我的要求：那么，同源策略是否适用于您？您正在进行跨域文档引用吗？从您最初的描述中，您没有提到这一点，而引用的SO也没有提到样式（除了高度）。我可能已经跳过了上面的链接。我还没有时间对它进行全面评估，但乍一看，它似乎在某种程度上满足了我显示整个文档的需要——没有滚动条。如果您对iFrame的样式或iFrame的内容有任何疑问，我会在这里：+1查找iFrame。这是防止CSS冲突的可靠方法，而重置将取决于所有内容的级联方式，并且很可能容易出错。我还没有尝试过，但这一条似乎满足了我的要求：那么，同源策略是否适用于您？您正在进行跨域文档引用吗？从您最初的描述中，您没有提到这一点，而引用的SO也没有提到样式（除了高度）。我可能已经跳过了上面的链接。我还没有时间对它进行全面评估，但乍一看，它似乎在某种程度上满足了我显示整个文档的需要——没有滚动条。