On 7/5/12 4:29 PM, Philippe Wittenbergh wrote:

Le 6 juil. 2012 à 07:30, David Hucklesby a écrit :

Two observations on box-sizing: border-box:

1. Generated content does not inherit box-sizing

2. Max-height applies to content only, not the border-box.

Please play with this dabblet demo:

<http://dabblet.com/gist/3056829>

Is this expected behavior? (I did not expect it.)

[...]

In your little demo, you specify '* { box-sizing: border-box; }' but
remember, generated content is not an element. That line doesn't apply to
the generated content box.

Yes. I see that now. Thanks for pointing out that inheritance is not the
issue, Philippe. Still don't understand _why_ the universal selector would
not apply to generated content, though.

As for your second point, max-height applies to the box. And you don't
use max-height in your demo.

Definitely my misunderstanding, as dimensions apply to the content at all
times, regardless of box-sizing. After ten years of CSS I still stumble.
--
Cordially,
David

______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to