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