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

Side by Side Diff: third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats-clear/float-non-replaced-width-010.xht

Issue 2818213003: Import css21/floats-clear W3C CSS Test Suite (Closed)
Patch Set: update TestExpectations 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
3 <html xmlns="http://www.w3.org/1999/xhtml">
4
5 <head>
6
7 <title>CSS Test: 'shrink-to-fit' width of floating, non-replaced elements - wi dth</title>
8
9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB ugsSection/css21testsuite/" />
10 <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@g mx.de" />
11 <link rel="help" title="Section 10.3.5 Width of floating, non-replaced element s" href="http://www.w3.org/TR/CSS21/visudet.html#float-width" />
12 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-prope rty" />
13 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
14 <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht " />
15 <meta content="If 'width' of a floating, non-replaced element computes to 'aut o', then the used value of 'width' is given by 'shrink-to-fit' width calculation . If 'width' is specified with absolute length, then the computed value is the s pecified value. If 'width' of a floating, non-replaced element computes to 'auto ' but its own child uses specified absolute length, then such specified absolute length will define the preferred width in 'shrink-to-fit' width calculation." n ame="assert" />
16 <meta content="ahem" name="flags" />
17
18 <style type="text/css"><![CDATA[
19 div
20 {
21 background-color: red;
22 float: left;
23 font: 30px/4 Ahem;
24 width: auto;
25 }
26
27 div > div
28 {
29 background-color: green;
30 width: 4em;
31 }
32 ]]></style>
33
34 </head>
35
36 <body>
37
38 <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p>
39
40 <div>
41 <div>12345678</div>
42 </div>
43
44 </body>
45 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698