body{
	box-sizing: border-box;
}

.container-left{
	margin: 10px;
	transition:width 2s ease;
	width: 100px;
	height: 200px;
	background: #dadada;
	

	
}

.container-left:hover{
	width: 300px;
}

.container-right{
	position: relative;
	top: 0px;
	right: 0px;
	margin: 10px;
	transition:width 2s ease;
	width: 100px;
	height: 200px;
	background: #dadada;	
}

.container-right:hover{
	width: 300px;
}

/*.box-0{
	
	width: 300px;
	height: 100px;
	background: #0000ff;
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	position: relative;
	
	float: left;
	margin: 15px;
}


.box-0:hover{
	width: 300px;
}



.box-1{
	
	width: 300px;
	height: 100px;
	background: #0000ff;
	display: inline-block;
	vertical-align: top;
	position: relative;
	
	float: left;
	margin: 15px;
}


.box-1:hover{
	width: 300px;
}


.box-2{
	
	
	width: 100px;
	height: 100px;
	background: #0000ff;
	display: inline-block;
	position: relative;
	float: left;
	margin: 15px;
}



.box-2:hover{
	width: 200px;
}

*/