Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(185)

Side by Side Diff: third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/absolute-replaced-height-016.xht

Issue 2824603002: Import css21/positioning W3C CSS Test Suite (Closed)
Patch Set: git rebase-update Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title>CSS Test: Absolutely positioned inline replaced element relying o n intrinsic height dimensions and 'top', 'bottom' are not 'auto'</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/ BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-01 -->
7 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-repla ced-height" />
8 <link rel="match" href="absolute-replaced-height-008-ref.xht" />
9
10 <meta name="flags" content="image" />
11 <meta name="assert" content="The 'height' is the intrinsic height when a n absolutely positioned inline replaced element has an intrinsic height and its height is specified as 'auto', 'width' is specified 'auto' and 'top', 'bottom' a re not 'auto'." />
12 <style type="text/css">
13 #div1
14 {
15 border-top: solid black;
16 position: relative;
17 }
18 div div
19 {
20 background: blue;
21 height: 15px;
22 left: 15px;
23 position: absolute;
24 top: 1in;
25 width: 15px;
26 }
27 img
28 {
29 bottom: 1in;
30 /*
31 The equation gets overconstrained; and so, the used value for
32 bottom in that test will be ignored and will be solved
33 as minus (1in + 15px) (-111px) because the height of
34 containing block is 0.
35 */
36 height: auto;
37 position: absolute;
38 top: 1in;
39 width: auto;
40 }
41 </style>
42 </head>
43 <body>
44 <p>Test passes if there is a short blue bar and it does not touch the bl ack line.</p>
45 <div id="div1">
46 <img alt="blue 15x15" src="support/blue15x15.png" />
47 <div></div>
48 </div>
49 </body>
50 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698