Chromium Code Reviews Chromium Code Reviews
Issue 13674002:
Support intrinsic values for height, min-height and max-height (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/css-intrinsic-dimensions/height-expected.html |
| diff --git a/LayoutTests/fast/css-intrinsic-dimensions/height-expected.html b/LayoutTests/fast/css-intrinsic-dimensions/height-expected.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..0ca489cdfdd383f2dd270f150cc0d1185e180678 |
| --- /dev/null |
| +++ b/LayoutTests/fast/css-intrinsic-dimensions/height-expected.html |
| @@ -0,0 +1,80 @@ |
| +<!doctype HTML> |
|
ojan
2013/04/11 03:21:46
Nit: We typically do <!DOCTYPE html> since that's
cbiesinger
2013/04/12 01:17:52
Fixed - I think I copied that from some other file
|
| +<style> |
| + body * { |
| + border: 2px solid red; |
| + padding: 5px; |
| + clear: both; |
| + } |
| + |
| + .container { |
| + height: 300px; |
| + border-color: blue; |
| + |
| + display: inline-block; |
| + width: 100px; |
| + } |
| + |
| + .fill-available { |
| + height: 100%; |
| + box-sizing: border-box; |
| + } |
| +</style> |
| +<div class="container"> |
| + <div> |
| + height: min-content<br>on this box. |
| + </div> |
| + |
| + <div> |
| + height: max-content<br>on this box. |
| + </div> |
| + |
| + <div> |
| + height: fit-content<br>on this box. |
| + </div> |
| +</div> |
| + |
| +<div class="container"> |
| + <div class="fill-available"> |
| + height: fill-available<br> on this box. |
| + </div> |
| +</div> |
| + |
| +<div class="container"> |
| + <div> |
| + min-height: min-content<br>on this box. |
| + </div> |
| + |
| + <div> |
| + min-height: max-content<br>on this box. |
| + </div> |
| + |
| + <div> |
| + min-height: fit-content<br>on this box. |
| + </div> |
| +</div> |
| + |
| +<div class="container"> |
| + <div class="fill-available"> |
| + min-height: fill-available<br> on this box. |
| + </div> |
| +</div> |
| + |
| +<div class="container"> |
| + <div> |
| + max-height: min-content<br>on this box. |
| + </div> |
| + |
| + <div> |
| + max-height: max-content<br>on this box. |
| + </div> |
| + |
| + <div> |
| + max-height: fit-content<br>on this box. |
| + </div> |
| +</div> |
| + |
| +<div class="container"> |
| + <div class="fill-available"> |
| + max-height: fill-available<br> on this box. |
| + </div> |
| +</div> |
