Quick note: For anyone fighting for years against the CSS box model, where the visible size of an element depends on the sum of it’s width, height AND padding, check out the box-sizing: border-box;. It does exactly what we need, where if you say
.myclass {
width: 100%;
padding: 10px;
}
then myclass will still take up 100% width of its container, instead of overflowing.
https://developer.mozilla.org/en/CSS/box-sizing
Image may be NSFW.
Clik here to view.
Image may be NSFW.Clik here to view.
