What unit should I use for sizing boxes inside wrapper in CSS?

Question

I have a wrapper of certain width. I want to float 3 boxes inside that wrapper. What unit should I specify the size of the boxes in — px, em or %?

Answer 1

If the wrapper has a certain (fixed?) width, then percentages would be the right way (assuming that the height of the 3 boxes may vary). Otherwise, when using em values, the 3 boxes won't fit into the wrapper side by side if the user enlarges font sizes via the browser.

Answer 2

This should help :)

See Also:

Difference between em, % and px

Answer 3

Using percentages will probably give you rounding issues, so use whatever unit you used the set the "certain width" of the container (and if you used percentages for that, you'll have to live with the rounding issues).