summaryrefslogtreecommitdiffstats
path: root/layout/reftests/box-properties/overflow-clip-box-3.html
blob: 001e54d26063bc5c0b2adcc63c7131cf05357eb4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
  <meta charset="utf-8">
  <title>Testcase for 'overflow-clip-box: content-box' (Bug 1226305)</title>
  <style>
  .test {
    overflow-clip-box: content-box;
    overflow: hidden;
    padding: 20px;
    background: green content-box;
    width: 300px;
    height: 20px;
    border: 1px solid;
  }
  .test > div {
    margin-top: -40px;
    height: 40px;
    background: red;
  }
  </style>

  <body>
    <p>There should be no red areas.</p>
    <div class="test"><div>FAIL</div></div>
    <div class="test"><div style="width: 200%">FAIL</div></div>
    <div class="test"><div style="margin-left: 100%; height:20px; margin-top:0">FAIL</div></div>
    <div class="test"><div style="margin-left: -100px">FAIL</div></div>
    <div class="test"><div style="margin-left: -100%; width: 100%; height:20px; margin-top:0">FAIL</div></div>
  </body>
</html>