third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/absolute-replaced-height-021.xht - Issue 2824603002: Import css21/positioning W3C CSS Test Suite

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/absolute-replaced-height-021.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

« no previous file with comments | « third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/absolute-replaced-height-020.xht ('k') | third_party/WebKit/LayoutTests/external/wpt/css/CSS2/positioning/absolute-replaced-height-022.xht » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	2 <html xmlns="http://www.w3.org/1999/xhtml">

	3 <head>

	4 <title>CSS Test: Absolutely positioned inline-block replaced element wit h percentage based intrinsic height that cannot be resolved where 'top' and 'bot tom' are not 'auto'</title>

	5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />

	6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-repla ced-height" />

	7 <link rel="match" href="absolute-replaced-height-014-ref.xht" />

	8

	9 <meta name="flags" content="" />

	10 <meta name="assert" content="An absolutely positioned inline-block repla ced element with a percentage height that cannot be resolved has no intrinsic he ight." />

	11

	12 <!--

	13 "

	14 (...) the height of the containing block of an absolutely

	15 positioned element is independent of the size of the element its elf,

	16 and thus a percentage height on such an element *_can always be

	17 resolved_*. However, it may be that the height is not known unti l

	18 elements that come later in the document have been processed.

	19 "

	20 http://www.w3.org/TR/CSS21/visudet.html#the-height-property

	21 -->

	22

	23 <style type="text/css">

	24 div#containing-block

	25 {

	26 position: relative;

	27 }

	28 div div

	29 {

	30 border: solid green;

	31 position: absolute;

	32 top: 1in;

	33 width: 300px;

	34 }

	35 iframe

	36 {

	37 border: solid red;

	38 bottom: 1in;

	39 position: absolute;

	40 top: 1in;

	41 width: auto;

	42 }

	43 </style>

	44 </head>

	45 <body>

	46 <p>Test passes if there is <strong>no red</strong>.</p>

	47 <div id="containing-block">

	48 <iframe height="50%"></iframe>

	49 <div></div>

	50 </div>

	51 </body>

	52 </html>

OLD	NEW