html - 从网站其余部分隔离html内容

我正在开发一个系统，几乎可以作为一个基于网络的电子邮件客户端。这是一个服务台系统。系统显示收到的电子邮件；想想基于web的电子邮件客户端。现在我的问题是，有可怕的Microsoft Word格式的元数据正在影响应用程序的其余部分。
我试过iframe，但是根据内容调整高度效果不太好；而且我也不想使用iframe。
我可以使用什么模式或实践来隔离前端显示的电子邮件html，以便它不会影响应用程序的其余部分？我是说，Gmail、Yahoo邮件、支持台或CRM系统是如何做到这一点的？

最佳答案

有两种方法-我在开发一个sharepoint网站时遇到了同样的问题，顺便说一句，因为主样式正在影响我的样式，我无法访问主页。
包装代码，并使用ID选择器缩小需要设置样式的元素的范围
使用!important-我不推荐这种方法，因为它不是最佳实践
HTML示例：

<div id="wrapper">
    <p class="email-par">Some text</p>
</div>

CSS:

#wrapper .email-par{
    font-size: 1.1em;
}

因此，即使有其他样式影响站点上的<p>标记，电子邮件段落也将采用上述样式。