overflow_nested.rml 804 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <rml>
  2. <head>
  3. <title>Nested overflow</title>
  4. <link type="text/rcss" href="../style.rcss"/>
  5. <meta name="Description" content="The deepest element in the tree should catch the overflow." />
  6. <style>
  7. body {
  8. display: block;
  9. background: #ddd;
  10. color: #444;
  11. }
  12. div.outer {
  13. overflow: auto;
  14. width: 200dp;
  15. height: 200dp;
  16. }
  17. div.overflow {
  18. border: 1dp black;
  19. overflow: auto;
  20. width: 150dp;
  21. height: 150dp;
  22. }
  23. div.wide {
  24. width: 300dp;
  25. height: 20dp;
  26. text-align: center;
  27. border: 1dp #0a0;
  28. margin: 5dp;
  29. background-color: #eee;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <p>There should should only be one scroll bar visible, inside the black border.</p>
  35. <div class="outer">
  36. <div class="overflow">
  37. <div class="wide">Wide element</div>
  38. </div>
  39. </div>
  40. </body>
  41. </rml>