애니빌드.LAB
토론방
소스관련 슬라이드 배너 양 옆 여백 질문드립니다. - 세종시대
- 관**자
- 2018-05-29 11:40:02
- hit3371
- http://lab.anybuild.co.kr/bbs/qna/7014

안녕하세요. 담당자님 질문드립니다.
추천맛집이라는 컨텐츠에
margin:0 6px 0; 또는 padding: 0 6px; 줘도 이미지처럼 여백이 생기지 않고, 왼쪽 슬라이드 이미지 쪽에만 6px 정도의 여백이 생깁니다 ㅠ_ㅠ
안되는 이유를 알고싶습니다 ㅠ.ㅠ..
감사합니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
먼저 현재 슬라이드의 경우
width:100%;max-width:396px이 지정되어 있습니다.
margin의 경우 width가 100%이기 때문에 위와같은 현상이 나오는게 맞습니다.
위의 상황에서는 padding값을 적용해주시고 box-sizing:border-box; 속성을 같이 추가해주시면
최대 넓이가 100% 고정이되고 100%이내로 해서 padding을 조정합니다.
즉, padding:0 6px;box-sizing:border-box를 적용해주시면 됩니다.