CSS: Width in percentage and Borders

Question

I\'ve defined widths of the containers in percentage. I\'d like to add a border (3px on right side of a width), since container width is in % while the border width is in px

Answer 1

That's a bit tricky but check out this post on a way to get around it:

• Percentage Plus Pixel Sizing (and Example)
• Box Sizing on CSS-Tricks (and Example)

The box-sizing property may also be of interest to you, check this out:

• How do I add 1px border to a div whose width is a percentage?