将外部脚本添加到我的HTML页面而不与CSS属性冲突

Question

我想在我的网页中嵌入一个GitHub gist ，为了做到这一点，我必须使用<script src>包含外部JavaScript脚本（如您所见） here）。

事实是，我将外部脚本插入到div元素中，该元素具有max-height CSS属性。并且在其中插入脚本时，该属性不受尊重（没有高度限制，脚本占用的空间足够需要全尺寸）。

有没有办法对它应用某种修复方式，或者在我的网页中插入第三方脚本的事实是否限制了我对它的控制？

Answer 1

如果你看一下你正在嵌入的javascript，它所做的就是在页面中写入一些内容和一些包含一些类的样式表。如果您将某些嵌入式类添加到自己的样式表中，则可以根据需要对其进行修改。例如，为了将max-height属性放入要点的主要内容区域，您可以将其添加到本地的gist-data类，它将覆盖该类。我在这里建立了一个例子：

http://jsfiddle.net/uudjK/1/