position 질문 (포트폴리오 실습1 과제중)

<div style="clear: both"></div>사용해서 붕 떠버린 position:absolute를

다시 진정시켜야 하는건 알겠는데 어디에 <div style="clear: both"></div>를

줘야하는지 아무리봐도 모르겠습니다 ㅠㅠ 

position:absolute 주기 전 이미지 입니다.

position:absolute 준 후 입니다.  이미지가 겹쳤습니다 

노란색 삼각형으로 표시한 부분이 임의로 넣은 부분인데

사실은 각 <div class="portfolio-content-position">과 형제로 총 네개도 넣어봤는데 계속 겹쳐있더라구요 .

모르겠당 찍자 하고 이리저리 넣어봤는데 계속 안되고 있어서 고민하다가 글 남깁니다.