Question

我有这个标记：

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

如何使{父亲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;
}

DIV 100％父母的宽度和高度

2 个答案: