Designing Page Layout (lect)

Today, I get a lesson about designing page layouts and understand it:
1. Normal flow.
2. Using division element to the make Contain containers.
3. Create floating layouts.
4. Build flexible and fixed layouts

Normal flow.
Normal flow is the way that elements are displayed in a web page in most circumstances. All elements in HTML are inside boxes roomates are either inline boxes or block boxes.

Division Element.

Use <div> to make elements :

Floating element 

A common problem with float-based layouts is that the floats' container doesn't want to stretch up to accomodate the floats. If you want to add, say, a border around all floats (ie. a border around the container) you'll have to command the browsers somehow to stretch up the container all the way.

More concern : download