容器高度100%是经常使用的需求,任何容器都可以在不需要嵌套的情况下实现。
把身体看作是一个容器,是内部对象的上标签,他的高度设置为100%是关键。
最基本的例子

*边距:0;填充:0;边界:0;}
HTML,体{高度:100% };同时设置HTML,以便与FF兼容。
# box_2 {高度:100%;背景:# 000;}

重叠位置的影响

# box_1 {位置:绝对的;最高:0;左:0;宽度:100%;高度:50px;背景:# F00;Z指数:2;}
# box_2 {位置:绝对;左:0;最高:0;宽度:100%;高度:100%;背景:# 000;Z指数:1;}

纵向相对高度效应

# box_1 {位置:绝对的;最高:0;左:0;宽度:100%;高度:30%;背景:# F00;Z指数:2;}
# box_2 {位置:绝对;左:0;最高:30%;宽度:100%;高度:70%;背景:# 000;Z指数:1;}

横向相对宽度效应

# box_1 {位置:绝对的;最高:0;左:0;宽度:30%;高度:100%;背景:# F00;Z指数:2;}
# box_2 {位置:绝对;顶:0;右:0;宽度:70%;高度:100%;背景:# 000;Z指数:1;}

这种布局不需要浮动,可以有很多变化:
1、n列布局
2、n行布局
3,N里加N线交叉布置
值得注意的是,当在FF下浏览相对大小的容器页面时,窗口的大小被调整,而容器的大小是实时调整的。IE只有在窗口调整时才会生效。
/ / IE5.0 IE5.5 IE6.0和ff1.5测试通过