使 <object> 标签填满整个窗口并用它调整大小答案

【问题标题】：Make <object> tag fill the whole window and resize with it使 <object> 标签填满整个窗口并用它调整大小
【发布时间】：2012-10-13 23:35:00
【问题描述】：

我有一个用于 Chrome 的 NaCl 插件，我想用它来填充整个窗口。 HTML 是这样的：

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <div class="container,box">
      <object class="internal,box"></object>
    </div>
  </body>
</html>

我尝试了几种样式：

html { 高度：100%； } 。盒子 { 位置：绝对；左/右/上/下：0；显示：块；填充：5px }
填满整个窗口，保持默认大小，300x150。
html, body, .box { padding: 0;边框：0；边距：0；宽度：100%；高度：100% } .container { 填充：5px; }
填充整个窗口，但它的宽度/高度不受填充影响，因此它会溢出包含

有没有人遇到过类似的问题？任何CSS解决方案？我需要它只能在 Chrome 中工作。

【问题讨论】：

标签： html css google-chrome google-nativeclient

【解决方案1】：

.internal {
    width: 100%;
    height: 100%;
}

.container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
 }

【讨论】：