DIV 100％的宽度和家长

Question

的高度我有这个标记：

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

如何使其父格尺寸.inner宽度为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; 
}