一个经典的页面布局
有下面这样的一个布局：
整个页面充满窗口，当窗口缩小放大时自动调整，不能出现窗口的滚动条，但小于定义的最小宽高时可以出现。
头部（1）固定高度40px，宽度自适应窗口宽度。
左侧（2）固定宽度150px，高度为窗口高度减去头部的40px，不是固定值。
右侧（4）与左侧（2）一样。
中间（3）宽高都是不固定的，宽是窗口宽度减去左右两侧，共减去300px，高度是窗口高度减去头部（1）跟底部（5），共减去100px。
底部（5）是中间（3）的附属部分，高度固定60px。
最后加个小小附加题，在中间（3）里加个input文本框，上左右边距始终10px，宽度不固定，随着中间（3）宽度的变化而变化。
不能使用javascript，只能用css，不考虑IE6。
实现：
这里主要考察position的合理使用
