summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/665597-1-ref.html
blob: e006597b1a5d08c91964d984a195905465719bcd (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
<!DOCTYPE HTML>
<title>Test that overflowing margins and padding on scrollable element add</title>
<style>
#scroll {
  overflow: scroll; background: yellow;
  height: 111px; width: 116px;
}

#content {
  height: 223px;
  margin-right: 5px;
  margin-left: 11px;
  background: aqua;
}
#gap {
  /* In test file: #content's margin-bottom: 35px + #scroll's padding-bottom: 7px */
  height: 42px;
}

</style>
<div id="scroll"><div id="content"></div><div id="gap"></div></div>
<script>
document.getElementById("scroll").scrollTop = "1000";
</script>