A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://lists.w3.org/Archives/Public/www-style/2016Jun/0164.html below:

border-box from fantasai on 2016-06-23 (www-style@w3.org from June 2016)

On 06/23/2016 05:40 PM, Christian Biesinger wrote:
> Hi there!
>
> With a testcase like this:
>
> <div style="height: 20px; min-height: min-content; box-sizing:
> border-box; padding-top: 50px;">
>    <div style="height: 50px; width: 50px;"></div>
> </div>
>
> What should the final size of the div be? Clearly, min-content here is
> a 50px content-box or 80px border-box. But sizes in min-height get
> adjusted by box-sizing. Do we insert the 50px content-box into
> min-height, then adjust by box-sizing, and get an effective min-height
> or 30px? Or not?
>
> And (for the css-flexbox part of the question), does it make a
> difference when this happens in the context of min-height: auto?
>
> xref https://bugs.chromium.org/p/chromium/issues/detail?id=549863

box-sizing only affects the interpretation of <length> and <percentage>
values: border-box changes their meaning to subtract out the border and
padding widths before applying those values to the content-box.

It therefore has no effect on any of the keyword values of 'width' and
'height'.

~fantasai

Received on Thursday, 23 June 2016 22:54:03 UTC


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4