crbug-371640-4-expected.html 893 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <style>
  3. #wrapper {
  4. visibility: hidden;
  5. position: absolute;
  6. width: 600px;
  7. }
  8. .outer {
  9. display: inline;
  10. position: relative;
  11. float: right;
  12. width: 100px;
  13. height: 100px;
  14. margin-right: 100px;
  15. }
  16. .inner {
  17. float: left;
  18. height: 100px;
  19. position: relative;
  20. width: 100px;
  21. }
  22. .abs_pos { position: absolute; }
  23. #container { float: right; width: 500px}
  24. .item {
  25. visibility: visible;
  26. background-color: green;
  27. width: 100px;
  28. height: 100px;
  29. }
  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 class='abs_pos'>
  37. <div id='keep_inner' class="inner">
  38. <div id='keep' class="item">&nbsp;</div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>