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

Side by Side Diff: LayoutTests/fast/box-sizing/css-table-no-collapse.html

Issue 25206002: A height of a table which has position: absolute and box-sizing: border-box ignores half of the bor… (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: /Users/yukisekiguchi/work/chromium-blink/src/third_party/WebKit/LayoutTests/fast/box-sizing/table-c… Created 7 years, 2 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 <html>
3 <head>
4 </head>
5 <body>
6 <style>
7 .table {
8 display: table;
9 border: 25px solid green;
10 border-top: 10px solid cyan;
11 position: absolute;
12 box-sizing: border-box;
13 outline: 5px solid blue;
14 }
15 .tbody { display: table-row-group; }
16 .tr { display: table-row; }
17 .td { display: table-cell; }
18 .block {
19 background-color: yellow;
20 height: 50px;
21 width: 50px;
22 }
23 </style>
24 <script src="../../resources/check-layout.js"></script>
25 <script>
26 window.onload = function () {
27 checkLayout(".table");
28 }
29 </script>
30 <div class="table" data-expected-height="85px">
31 <div class="tbody">
32 <div class="tr">
33 <div class="td">
34 <div class="block"></div>
35 </div>
36 </div>
37 </div>
38 </div>
39 <div style="top: 200px;" class="table" data-expected-height="85px">
40 <div class="tbody">
41 <div class="tr">
42 <div class="td">
43 <div class="block"></div>
44 </div>
45 </div>
46 </div>
47 </div>
48 <div style="bottom: 100px;" class="table" data-expected-height="85px">
49 <div class="tbody">
50 <div class="tr">
51 <div class="td">
52 <div class="block"></div>
53 </div>
54 </div>
55 </div>
56 </div>
57 </body>
58 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698