crbug-371640-3-expected.html 785 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <style>
  3. #wrapper {
  4. visibility: hidden;
  5. position: absolute;
  6. width: 600px;
  7. float: right;
  8. }
  9. #container { float: right; }
  10. #abs_pos {
  11. position: absolute;
  12. bottom: 0;
  13. }
  14. #keep_child {
  15. height: 100px;
  16. width: 100px;
  17. visibility: visible;
  18. }
  19. #keep_child { background-color: green; }
  20. .outer {
  21. float: left;
  22. width: 100px;
  23. height: 300px;
  24. }
  25. #keep_inner {
  26. position: relative;
  27. height: 220px;
  28. }
  29. p { visibility: visible; }
  30. </style>
  31. <p>This is a reduction for http://crbug.com/371640.</p>
  32. <p>The test PASSES if you see 1 green square and no red square.</p>
  33. <div id='wrapper'>
  34. <div id='container'>
  35. <div id='keep_outer' class='outer'>
  36. <div id='keep_inner'>
  37. <div id='abs_pos'>
  38. <div id='keep_child'> </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>