blob: fd759521defda581a60e2fe91fd1037b0db0488e [file] [log] [blame]
<style>
.top {
border: 1px solid green;
width: 200px;
overflow: hidden;
}
.main {
width: 300px;
}
.nested {
border: 1px solid red;
display: block;
height: 50%;
width: 200px;
}
</style>
<div class=top><div class=main><div class=nested>This nested div has percent height value and the closest block level containing block box is the ICB.</div></div></div>
<div class=top style="height: 200px"><div class=main><div class=nested>This nested div has percent height value and the closest block level containing block box is 2 containing blocks away.</div></div></div>