html - DIV 100% 父级的宽度和高度

Question

我有这个标记：

<div>
     <div class="inner"></div
     <img src="blabla" />
</div>

如何使.inner其父 div 尺寸的宽度为 100%，高度为 100%？父 div 的尺寸取决于img尺寸。

可以用 CSS 做到这一点吗？我不想要 JS 解决方案，因为它很明显。谢谢

http://jsfiddle.net/7cSzV/

Answer 1

看到这个小提琴：http: //jsfiddle.net/vSE7S/2/

CSS

.outer { position: relative; }
.inner {
    position: absolute;
    top: 0; left: 0;
    background: black;
    height: 100%;
    width: 100%;
}
img { display: block }

.outer（为了简单起见，我只是给了外部 div 一个类）

注意：也尝试分配display: inline-block给外部 div：生成的效果略有不同，请参阅http://jsfiddle.net/vSE7S/3/ — 只需选择最适合您需要的效果即可。

Answer 2

您可以更改 css 并向该父 div 添加一个类

.inner {
    background: black;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    /*width: 100px;
    height: 100px;*/
}
div.parentDiv{
    position: relative;
}