Question

我有一个absolute定位div，里面有一个iFrame（也不适用于silverlight对象）。出于某种原因，它不会扩展以填充其父级，它应该。

如果用具有相同ID的div替换iframe，它可以正常工作..问题是什么？

<div id="rightpanel">
    <iframe id="silverlightControlHost" src="http://google.com"></iframe>
</div>

#rightpanel {
    background: green;
top: 32px;
left: 190px;
bottom: 0;
padding: 20px!important;
position: absolute;
padding-top: 0px;
overflow: auto;
min-width: 700px;
}

#silverlightControlHost {
    background: red;
border: 0;
position: absolute;
left: 0;
top: 0;
z-index: 1;
right: 0;
bottom: 0;
}

http://jsfiddle.net/ZfG3g/

Answer 1

在iframe上粘贴以下内容似乎有效（至少在小提琴中）：

#silverlightControlHost {
    width:100%;
    height:100%;
    ... rest of your css ...
}

http://jsfiddle.net/ZfG3g/1/

Answer 2

你可以试试这个你忘记提到iframe 宽度和高度 检查下面的代码，这是覆盖完整的父块

<div id="rightpanel">
    <iframe id="silverlightControlHost" src="http://google.com" width="740" height="630"></iframe>
</div>
<style>
#rightpanel {
    background: green;
top: 32px;
left: 190px;
bottom: 0;
padding: 20px!important;
position: absolute;
padding-top: 0px;
overflow: auto;
min-width: 700px;
}

#silverlightControlHost {
    background: red;
border: 0;
position: absolute;
left: 0;
top: 0;
z-index: 1;
right: 0;
bottom: 0;
}</style>

iFrame不会是父容器

2 个答案: