토론방

분류목록

소스관련 슬라이드 배너 양 옆 여백 질문드립니다. - 세종시대

안녕하세요. 담당자님 질문드립니다.

추천맛집이라는 컨텐츠에

margin:0 6px 0; 또는 padding: 0 6px; 줘도 이미지처럼 여백이 생기지 않고, 왼쪽 슬라이드 이미지 쪽에만 6px 정도의 여백이 생깁니다 ㅠ_ㅠ

안되는 이유를 알고싶습니다 ㅠ.ㅠ..

감사합니다.

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

배**영 2018-05-29

먼저 현재 슬라이드의 경우

width:100%;max-width:396px이 지정되어 있습니다.

margin의 경우 width가 100%이기 때문에 위와같은 현상이 나오는게 맞습니다.

위의 상황에서는 padding값을 적용해주시고 box-sizing:border-box; 속성을 같이 추가해주시면

최대 넓이가 100% 고정이되고 100%이내로 해서 padding을 조정합니다.

즉, padding:0 6px;box-sizing:border-box를 적용해주시면 됩니다.

댓글작성

열기 닫기

top