CSS Box Model Tips and Tricks

Let’s face it, if you’re not familiar with the CSS Box Model, you’re probably not a web developer (or, if you are a Developer, you need some remedial education). The CSS Box Model is one of the most misunderstood patterns in CSS. According to the World Wide Web Consortium (W3C): The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out according to the visual formatting model. The page box is a special kind of box that is described in detail in the section on paged media. In plain language that means the CSS box model specifies the way a web developer should place a box on a web page. “But that’s not hard to do, you just drop a DIV on the page and you’re done, right?” (read more)