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/