如何用CSS实现div元素高度相对于整个屏幕100%

通常情况下，我们要实现左侧导航相对于右侧内容区域，高度能够充满整个屏幕。下面介绍一种用CSS实现的方法，如图：

实现方法很简单，直接上代码：

<div style="position: absolute;top: 0;left: 0;bottom: 0;border:solid 1px #333;">
	<div style="float: left;height:100%;border:solid 1px #333">left</div>
	<div style="float: left;height:100%;border:solid 1px #333">right</div>
</div>

只需在外层父元素中添加上absolute的属性，并且top,bottom都设为0。