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

Question

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

why*_*hat 8 html css google-chrome google-nativeclient

我有一个适用于Chrome的NaCl插件,我想填满整个窗口.HTML是这样的:

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

Run Code Online (Sandbox Code Playgroud)

我尝试了几种风格:

    html {
      height: 100%;
    }
    .box {
      position:absolute;
      left/right/top/bottom: 0;
      display:block;
      padding: 5px
    }

填充整个窗口,保持默认大小300x150.

    html, body, .box { padding: 0; border: 0; margin: 0; width: 100%; height: 100% }
    .container { padding: 5px; }

填充整个窗口,但它的宽度/高度不受填充的影响,因此溢出包含

有没有人面临类似的问题？任何CSS解决方案？我需要它才能在Chrome中使用.

Answer 1

sph*_*air 11

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

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，2 月前
查看次数：	15007 次
最近记录：	12 年，9 月前