How does the layout work in this

How does this layout work?
I want to do this exercise, the page has a navigation bar, the navigation bar is divided into two pieces, click on the navigation bar entry I will update the left side of the display, click on the left side of the entry I update the right side of the content.
The left side of this piece I want to use Div, click on the navigation bar of each entry, the left to update the corresponding content, so there is not a lot of div on the left, how do you do it?
How to do it better?


------Solution--------------------
A lot of div on a lot of Div Bai, to use the display, not to hide it
------Solution--------------------
1. A lot of Div
2.Ajax
------Solution--------------------
For Div + Ajax
------Solution--------------------
Ajax is a technique for interacting using JavaScript scripts. Your ideas can refer to the QQ space, CSDN forum, the kind of IFRAME+JS implementation, you can also directly use Ajax. Recommended Ajax. These two prerequisites are to write JavaScript first, a little bit to understand
------Solution--------------------
If you want to display a portion of static content, simply use Div, you need to pull up the data first, and then the content of the preparation display, CSS control to hide it. Then through the JS to modify the CSS to let this part of the display.

If the content to be updated in real time, the best way is Ajax or jquery.get such JS class to deal with is the best.

And, of course, the stupidest way to do that is with DOM.
------Solution--------------------
Framework Technology
------Solution--------------------
Better to solve the use of the IFRAME: the right is defined as an IFRAME, each navigation column corresponding to a left page;
If the left content is not too much, it can be displayed with an AJAX callback.

