html - 在 div 中加载新 html 时避免 CSS 覆盖

Question

简介

我正在为用户电子邮件收件箱功能开发剑道网格。电子邮件在网格中完美加载，没问题，我心里感到非常满足。我可以查看每封电子邮件的详细信息。

问题 当第三方内容丰富的电子邮件以详细信息 div 加载并覆盖网站的 CSS 时，详细 View 开始出现问题。更容易想象主网站的样子。

Research:I have made research to avoid this override behavior but it seems there is no other solution than specificity. I cannot change css allover to avoid override.

编辑

Another option was to load newly loaded html(email) in iframe if one can resole iframe issues.

如果有人遇到过此类问题，请提供帮助。任何形式的帮助或引用都将不胜感激。

感谢您的宝贵时间。

Answer 1

如果您使用任何第三方内容，如 html 或电子邮件，您应该使用 iframe 以避免可能扭曲 ui 和 Cross-site scripting (XSS) 的 css 冲突。这可能会破坏您的页面或窃取您的数据。