css 左边高度自适应，保持与右边的高度一致

1、效果图

实现效果：左边红色区域高度不定，跟随右边蓝色区域的高度变化自适应

2、实现方法

2.1 使用css定位

<div class="content">
	<div class="left">左边</div>
	<div class="right">右边</div>
</div>

.content {
	position: relative;
	.left {
		width: 100px;
		height: 100%;
		position: absolute;
	}
	.right {
		width: 500px;
		height: 100%;
		margin-right: 124px;
	}
}