清除页面一部分的引导样式

我正在尝试在我的其中一个页面上为html编辑器设置一个预览框。我制作了一个标准<div id="preview"></div>样式的容器，偶尔在其中放置html源代码，并且效果很好。

问题是，引导程序的样式正在渗入容器并“中毒”我的预览。我看到了两种解决方案：

1. 将预览移至 iframe
2. 将某种清除/重置CSS应用于我托管预览的元素

例如：

<div id="preview" class="clean-css">
</div>

.clean-css {
    div, p: {
        border: 0;
        margin: 0;
    }
    /* a bunch of reset css stuff here */
}

我认为iframe笨拙的解决方案是不得已而为之的。我宁愿将我的东西放在一页上。因此，我开始研究各种重置CSS样式表。不幸的是，似乎大多数工具都旨在平衡浏览器之间的差异，并且不会将所有样式都重置为裸值（例如，blockquote保持其引导样式）。

我可以继续搜索以获取更好的reset-css样式表，或者可以尝试填充现在已有的样式表中的空缺。但是在那之前，我认为我应该问更多有经验的前端开发人员在此方面的经验。

• 是否有更全面的清晰CSS解决方案？
• 是否正在尝试清理傻瓜的事务，我应该只选择一个iframe？