Multi-column layout for Web pages using DIV+CSS

These days I use DIV+CSS to carry on the Page Three column layout when suddenly thought of such a method, this idea oneself all feel a bit crazy, if there is anything wrong place or please a lot of advice.

When you need to write a three-column layout, generally I will choose to use the following div layout:

The use of such a nested way can undoubtedly make the code error probability of a lot less, but at the same time the layout is slightly complicated, for later maintenance also slightly inconvenient. We often use a method for layout navigation, which is to use lists for layout, and navigation can be described as a multiple-column layout, so we can use it for multiple-column layouts of the page.