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; 
}