0. this paragraph has height:1%
1. this paragraph has height:5%
2. this paragraph has height:1px
3. this paragraph has height:0
4. this paragraph has height:1% and overflow:hidden
5. this paragraph has height:5% and overflow:hidden
6. this paragraph has height:1px and overflow:hidden
7. this paragraph has height:0 and overflow:hidden
8. this paragraph has no additional properties
9. this paragraph has zoom:1
10. this paragraph has a contentEditable attribute
11. this paragraph has display:inline-block
12. this paragraph has display:inline-block/inline
13. this paragraph has display:inline-block/block
14. this paragraph has float:left/none
15. this paragraph has overflow:hidden
16. this paragraph has overflow:auto
17. this paragraph has overflow:scroll
18. this paragraph has overflow:visible
19. this paragraph has min-width:20em
21. this paragraph has min-height:2em
21. this paragraph has max-width:20em
22. this paragraph has max-height:2em
23. this paragraph has float:left
This browser:
Some boxes are repeated with a float inside, usually the ones with hasLayout enclose it.
float 0. this paragraph has height:1%
float 2. this paragraph has height:1px
float 3. this paragraph has height:0
float 8. this paragrafo has nothing
float 9. this paragraph has zoom:1
float 10. this paragraph has the contentEditable attribute
float 11. this paragraph has display:inline-block
float 15. this paragraph has overflow:hidden
float 16. this paragraph has overflow:auto
float 17. this paragraph has overflow:scroll
float 18. this paragraph has overflow:visible
float 19. this paragraph has min-width:20em
float 20. this paragraph has min-height:2em
float 21. this paragraph has max-width:20em
float 22. this paragraph has max-height:2em
float 23. this paragraph has float:left
Other cases:
Related links: