0

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

如果您将 iframe 替换为具有相同 ID 的 div，则它可以正常工作。有什么问题？

<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/

4

2 回答 2

2

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

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

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

于 2013-05-24T14:36:59.310 回答
0

你可以试试这个你忘了提到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>
于 2013-05-24T14:41:44.220 回答