What's the difference between the box-model bug and the new box-sizing CSS?

Posted by RKS on Stack Overflow See other posts from Stack Overflow or by RKS
Published on 2012-04-23T03:00:33Z Indexed on 2012/06/09 4:40 UTC
Read the original article Hit count: 190

Filed under:
|
|

In days (long past for some, and still present for others) the box-model bug was a bane to their existence. The idea that an element's width included the margin, border, and padding was blasphemous and an abomination to their senses. So we got away from it after thousands of internet blogs about the box-model hack.

Now we get box-sizing, which will, wait for it, allow you to specify that a width contains the border, the margin, and the padding. We plaster a trendy new name for it, "CSS3 Flexbox," and now it's the freedom designers have been looking for.

For those logical people who saw the box-model bug as not the bug and the W3C as the actual bug, this comes as a surprise. A reintroduction of this so-called bug and now we call it an enhancement?

So can someone explain why this is different? I am honestly confused about this.

© Stack Overflow or respective owner

Related posts about css

Related posts about css3