묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
border 태그가 균등하게 적용이 안되는데 어떻게해야할까요?
2017.11.03 12:42
<div style="width:170px;height:170px;background-color:#f79646;padding:15px;">
<div style="width:150px;height:150px;background-color:#f79646;border:4px dashed #ffffff;">
반갑습니다
</div>
</div>
이렇게하면 균등하게 사방면이 padding 이 생길줄알았는데 우측과 하단 padding 값이 크게 들어가네요(?)
균등하게 넣으려면 어떻게하는지 아시는분 계신가요? 각자 padding-left,padding-right 이렇게 따로줘서 어떻게든 맞출수는 있을거같긴한데.. 넘 궁금하네요 왜 우측과 하단에 여백이 더 큰지....ㅎㅎ
태그 연관 글
- [2023/08/23] 묻고답하기 쇼핑몰 기능
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. *3
- [2018/07/01] 묻고답하기 레이아웃 및 문서페이지 스킨 설치안됨
- [2017/08/21] 묻고답하기 레이아웃 수정 좀 봐주세요 *2
댓글 2
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
ING | 게시판 아이콘 정렬 [1] | 2015.10.16 by 키스투엑스이 |
오정인 | 게시판이름을 지정해주셔야합니다. 메시지~~ | |
gaowl | 쪽지 보낼 때 입력폼에서 글씨색 변경하는 법 좀 알려주세요 ㅠㅠ [1] | 2015.10.08 by mindpainter |
Ystory | 서브메뉴 세로에서 가로로 이동 하는 방법. | |
bb | 드롭다운 메뉴바 길이...ㅠㅠㅠ [2] | 2015.08.17 by DoorWeb |
더블엠씨 | 스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ [9] | 2015.07.31 by 더블엠씨 |
Jami | 패밀리사이트 링크 관련 질문. [2] | 2015.07.07 by Jami |
불금 | 새글 알림 애드온 질문입니다. | |
루트엘 | ul li을 inline 상태로 둔 상황에서 submit input 위치 질문 [2] | 2015.05.19 by 루트엘 |
착한동구 | 트래픽위젯 설치좀 도와주세요 | |
Azpi | 2차 메뉴가 있을 때만 특정 div를 출력하게 하려면 어떻게 해야하나요 [2] | 2015.04.27 by Azpi |
추억팔이 | 레이아웃 글씨생상 변경 [4] | 2015.04.23 by DoorWeb |
티코GT | css에서 정렬은 어떻게 해야하나요? [1] | 2015.04.16 by 부산민지아빠 |
flowerrain | 자바스크립트 메뉴(dtree.js) 문의드립니다. | |
스물일곱개의당근 | z-index 가 안먹히는 이유가 무엇일까요? (사진첨부) [3] | 2015.04.09 by BJ람보 |
내부의 공간적인 개념에 대해서 이해를 하셔야 합니다.
외곽에 있는 div를 가로 세로를 170으로 주고 padding을 15px로 주면 총 가로 세로가 200px 짜리 정사각형이 되고,
내부에 있는 div의 경우 150px에 border를 4짜리를 주면 158px 짜리 정사각형이 됩니다. 상하좌우에 각 21px의 여백이 생길 수 있는 여건이 됩니다. 이상태에서 margin:auto를 주면 양쪽은 21px씩의 여백이 생기지만 상단과 하단은 딱 21px의 여백이 생기지 않습니다. 이유는 padding:15px에 따라 상단은 15px여백을 갖고 div가 생기기 때문에 150+15px 165px이 되고 하단에는 27px의 여백이 생기게 됩니다. 안에 들어있는 div height값을 156로 줘야 합니다.