현재 좌측 로그인, 우측 장바구니가 클릭이 제대로 되지 않습니다.

해당 위에 다른 컨텐츠가 영역을 가지고 있기때문에 눌려지지 않는 부분입니다.

아래의 이미지와 같이 banner1, inner_sns가 영역을 차지하고 있습니다.

 

 

해당부분의 이유는 html 작성시 기본적으로 아래로 내려갈수록 위에 나오지만 position:absolute가 적용이되면 다른 컨텐츠보다 위로 올라오게 됩니다.

또한 이미지의 우측에 적용되어 있는 css를 보시면 position:absolute;top:0;left:0;bottom:46px이 적용되어 있습니다.

우측과 같이 소스가 적용될 경우 top:0; bottom:46px때문에 부모태그의 높이를 가지게 됩니다. 자식 컨텐츠는 현재 30px정도 되는데 banner1, inner_sns의 높이는 135px을 가지고 있습니다.

즉, top과 bottom을 같이 줄경우에는 위와 같이 적용됩니다. 둘중에 하나를 해제를 해주셔야 하는데 현재 구조상 bottom:46px 값을 bottom:auto로 적용해주시면 정상적으로 클릭이 가능합니다.