box-sizing CSS property

isaacsukin Apr 14, 2012 08:46PM EDT

At http://paulirish.com/2012/box-sizing-border-box-ftw/ Paul Irish recommends developing websites with this line in the CSS:

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

I like this, and I developed a website this way. When I went to add an AddThis button, I discovered that the extended list of services (the pop-up box) has certain decorative elements slightly misplaced as a result. It's too late for me to remove this line from my CSS, but is there anything I can add that would target only AddThis to override this configuration?

Up 2 Rated Down
isaacsukin Apr 18, 2012 11:17AM EDT
Fixed it. Here's what I came up with:

#at20mc * {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

This question is closed to new answers.

Still need help?


General Topics

 

Developers