Javascript CSS高度：无法增加父类的高度？

一个有趣的问题摆在我面前。我有

<div class="box-content">
    <p style="height: inherit; width: inherit;">
        <iframe width="100%" height=" 100%" src="http://localhost/imagebase/image/data/banner/swf/Comp1.swf"></iframe>
    </p>
</div>

我需要使这个代码移动兼容以及。我所看到的是，如果我固定

p

的大小，那么我们都知道，在移动设备上的效果是一样的。但是，在继承的情况下，它采用其父div的宽度，这是移动兼容的

但我不能达到全高，因为它没有那个高度。默认情况下，它是

185px

，我需要宽度为

300px

才能显示我的

swf

文件

是否有任何方法可以根据

p

和

iframe

的建议，在JavaScrip或jQuery中自动更改此框内容类的高度

我不能直接改变这个班级的高度，因为它在很多地方都有使用

编辑

正如Brett所建议的，如果您出于任何原因无法更改html，此css规则将起到以下作用：

.box-content p {
    min-height: 300px;
}

但，下面的示例显示了它可能/应该是什么样子

我还将内联样式移到了css规则中，这使得以后更容易更改行为，作为容器最合适的标记是

div

，而不是

p

.swf容器{
身高：100%；
宽度：100%；
最小高度：300px；
}
.swf容器iframe{
身高：100%；
宽度：100%；
}

编辑

正如Brett所建议的，如果您出于任何原因无法更改html，此css规则将起到以下作用：

.box-content p {
    min-height: 300px;
}

但，下面的示例显示了它可能/应该是什么样子

我还将内联样式移到了css规则中，这使得以后更容易更改行为，作为容器最合适的标记是

div

，而不是

p

.swf容器{
身高：100%；
宽度：100%；
最小高度：300px；
}
.swf容器iframe{
身高：100%；
宽度：100%；
}

你能共用一把小提琴吗？你的问题不太清楚。你能加一个

minheight:300px到您的容器？好的，布雷特。让我用这个。
p
作为容器！？您应该有
div>iframe
p
不应该用作块元素我有一个问题，她说“我需要使此代码与手机兼容”，然后她说
为了显示我的swf
，手机浏览器仍然不能运行swf文件，对吗？你能分享一把小提琴吗？你的问题不太清楚。你能加一个
minheight:300px到您的容器？好的，布雷特。让我用这个。
p
作为容器！？您应该有
div>iframe
p
不应该用作块元素我有一个问题，她说“我需要使此代码与手机兼容”，然后她说
为了显示我的swf
，手机浏览器仍然不能运行swf文件，对吗？