css - 使用 div 自动调整大小

Question

这个 iframe 怎么能：

<iframe src="http://www.gamepuma.com/external.html?http://data.gamepuma.com/games/06/crash-bandicoot.swf"  width="600"  height="400"frameborder="0" marginwidth="0" scrolling="no"></iframe>

由 div 自动调整大小？我这样做的方式不起作用。

.showgame {
    width: 640px;
    height: 480px;
    margin:0;
    padding:0;
    position: absolute;
    left: 0px;
    top: 40px;
}

<div class="showgame">
<?php echo $row_GameData['strGame']; ?> 
</div>

Answer 1

更改您的 CSS 选择器

.showgame

至

.showgame iframe

您可以直接定位 iframe 以调整其大小。

如果您希望保留该包装 div 上的所有样式，则应该可以添加它：

.showgame iframe {
    width: 100%;
    height: 100%;

    border: 0;
    /*OR*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}