This is the continuation of CSS For Beginners .
Today, we will be looking at CSS Box Model.
What Is CSS Box Model
Every HTML element on the web is represented as
a rectangular box. CSS Box Model describes the
content of the space taken by an element.
Concept Of CSS Box Model
Box Model helps in determining the size, properties
of an element. CSS Box Model is made up of the
following”

Box-sizing basically is an alternative to the standard box model we have in CSS. To fully understand box-sizing you need to understand the box model. Practically, they work just about the same but there is one key difference – one that will be discussed in depth later. So, let’s get started by examining the good old box model.

Well, when it comes to CSS, understanding the box model is very important. This is why you have this short, sweet and simple post at your disposal. It basically means that every HTML element is actually a box which consists of width, height, padding, borders and margins. Now let’s discuss what this means exactly.

How many times have you had an element collapse or rather disappear from sight when its children element are using a CSS float styles? Today we are going to talk about how to un-collapse them parent elements of floating children.