position-static-001

Content laid out in normal flow when 'position' is set to 'static'

WeasyPrint

This browser

Assertion
Static positioned elements are not affected by top, right, bottom, left property settings.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <title>CSS Test: Content laid out in normal flow when 'position' is set to 'static'</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position">
 7         <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position">
 8         <meta name="flags" content="">
 9         <meta name="assert" content="Static positioned elements are not affected by top, right, bottom, left property settings.">
10         <style type="text/css">
11             #div1
12             {
13                 background: blue;
14                 height: 2in;
15                 position: relative;
16                 width: 2in;
17             }
18             div div
19             {
20                 background: orange;
21                 bottom: 0;
22                 left: 0;
23                 position: static;
24                 right: 0;
25                 top: 0;
26             }
27         </style>
28     </head>
29     <body>
30         <p>Test passes if the orange box is above the blue box and both boxes are the same width.</p>
31         <div id="div1">
32             <div>Filler Text</div>
33         </div>
34     </body>
35 </html>