[WEB] float:right와 z-index가 같이 안될 때

div1 {
	z-index:1;
    	width: 50px;
    	height: 50px;
}
div2 {
	float:right;
    	z-index:2;
	width: 50px;
    	height: 50px;
}

위와 같은 상황

div1, div2를 나란히 두어야 하는데

div2에 float:right가 있어 z-index:2가 먹지 않는 이슈가 발생했다.

이럴 땐 div2에 position: relative를 함께 써주면 된다고 한다.