본문 바로가기

web/HTML

fixed 일때 사이 간격 맞추기





{
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: 216px;
    overflow: auto;
    height: 100%;
}


position을 fixed로 할 시 반응형일 경우 옆의 개체와 일정한 간격을 유지하기 위해선 약간의 꼼수가 필요하다.

left 50%; 와 

margin-left 값을 해당 태그사이즈 / 2 + 간격사이즈 를 px로 주면 반응형에도 알맞게 떨어진다.