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

Side by Side Diff: LayoutTests/fast/css-intrinsic-dimensions/height-css-tables.html

Issue 13674002: Support intrinsic values for height, min-height and max-height (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: CSS table tests Created 7 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>
2
3 <style>
4 @import "resources/height-keyword-classes.css";
5
6 .small { height: 1px; }
7 .big { height: 300px; }
8 .item { height: 50px; width: 50px; border: 1px solid blue; }
9
10 .container { height: 100px; border: 5px solid pink; }
11 .table { border: 2px solid red; display: table; border-spacing: 2px; }
12 .td { border: 2px solid green; display: table-cell; }
13 </style>
14
15 <div class="table big max-height-min-content">
16 <div class="td">
17 <div class="item"></div>
18 </div>
19 </div>
20
21 <table>
22 <div class="td small min-height-min-content">
23 <div class="item"></div>
24 </div>
25 </div>
26
27 <div class="container">
28 <div class="table small min-height-fill-available">
29 <div class="td">
30 <div class="item"></div>
31 </div>
32 </div>
33 </div>
34
35
36 <div class="table container">
37 <div class="td small min-height-fill-available">
38 <div class="item"></div>
39 </div>
40 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698