crbug-371640-2-expected.html 746 B

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