我在另一个div内有一个div,我想知道为什么内部div的高度与其父代的高度不同?我将父div的高度设置为40px,但子div似乎没有延伸到该高度。我对divs的高度错了吗?

简单一点

<div id="first" style="height:40px"><div id="second"></div></div>

最佳答案

一个div仅与其中的内容一样高(请参见this example)。要将子div扩展到其父级的高度,请在该子级上添加height: 100%

HTML:

<div id="first">
    <div id="second"></div>
</div>


CSS:

#first {
    height: 40px;
}

#second {
    height: 100%;;
}


JS Fiddle Example

关于html - 另一个div内的div高度不相同,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11870930/

10-12 12:22
查看更多