Previous Message
Next Message

CSS border-box misbehavior?

Sent by David Hucklesby on 6 July 2012 04:04


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 [EMAIL-REMOVED]]
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
Previous Message
Next Message

Message thread:

Possibly related: