div border 위치가 이상 합니다.
관련링크
http://www.smiletalk.co.kr/
250회 연결
본문
좌측에 공지사항 아래에 광고 이미지가 좌우 250px인 광고를 넣었습니다.
광고에 div 옵션에 border=1 값을 넣어서 이미지 박스 겉에 border=1 값을 주려고 합니다.
그런데 이미지에 div 값을 적용을 했는데, 이미지에 적용된게 아니라 제일 상단부터 적용이 되어버리는데, 어떻게 이미지와 위치가 같게 할수 있을까요?
그리고 이미지 border 1px 값을 적용하면 이미지 250px에 더해져서 좌우가 252px 값으로 되는 건가요?
border 옵션이 이미지 밖으로 적용이 되는건지 궁굼합니다.
답변 1
padding
border
margin
이 모든 것이 width에 적용됩니다...
border값을 줄 때
border: 1px; // 상하좌우 1px씩 적용
border : 1px 0 ; // 상하 1px, 좌우 0
border : 1px 1px 0 ; //상 1px, 좌우 1px, 아래 0
border : 1px 1px 1px 1px ; //순서대로 상 오른쪽 아래 좌 1px
신리님 감사합니다 :)
알려주신게 다 맞죠..
그냥 box-sizing: border-box; 이용했습니다. :)
문제는 이 박스가 이미지에 맞게 되는게 아니라 상단부터 적용이 되서 엄한데 박스가 적용이 되버리네요 ;;
답변을 작성하시기 전에 로그인 해주세요.
