max-height-110

max-height - space for scrollbar

WeasyPrint

This browser

Flags
ahem
Assertion
Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3 
 4  <head>
 5 
 6   <title>CSS Test: max-height - space for scrollbar</title>
 7 
 8   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
 9   <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/">
10   <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow">
11   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights">
12   <meta content="ahem" name="flags">
13   <meta content="Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars." name="assert">
14 
15   <style type="text/css">
16   div#test-red-overlapped
17   {
18   background-color: red;
19   color: red;
20   font: 200px/1 Ahem;
21   max-height: 200px;
22   overflow: scroll;
23   }
24 
25   div#control-green-overlapping
26   {
27   background-color: green;
28   height: 200px;
29   position: relative;
30   top: -200px;
31   }
32   </style>
33 
34  </head>
35 
36  <body>
37 
38   <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>
39 
40   <p>Test passes if there is a wide green rectangle across the page and <strong>no red</strong>.</p>
41 
42   <div id="test-red-overlapped">X</div>
43 
44   <div id="control-green-overlapping"></div>
45 
46  </body>
47 </html>