[CSS] padding이 헷깔린다? box-sizing 속성 지정으로 padding 값 직관적으로 조절하기
일전에 워드프레스에서 css 커스터마이징을 하다가 이상한 일을 겪었다.여태 padding 값을 지정하면 전체 div의 사이즈는 변함이 없이 안쪽의 여백만 조절이 되었는데,그때는 padding 값을 지정하면 전체 div 사이즈가 변해버리는 것이었다. 당시에 padding은 div의 border 영역 안쪽 여백으로 이해하고 있었기 때문에,이런 현상이 이해가 안되어서 찾아보니 padding이 지정되는 방식이 두 가지가 있다는 것을 알고 깜짝 놀랐었다. 너비값을 조절하는 방법을 설정하는 box-sizing div의 여러 너비값을 조절하는 방법은 여러 가지가 있다.div 안의 콘텐츠가 얼마나 길어지든 간에 최우선적으로 콘텐츠가 다 보이도록 지정하는 방법도 있고,처음 디자인한 div의 가로와 세로 너비를 더이상 변..
Web/HTML|CSS
2016. 9. 19. 14:17
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 의료용실리콘
- 펨컵
- 와글와글영화제
- CSS
- Femcup
- 저렴한생리컵
- 브랜드생리컵
- 생리컵리뷰
- 반응형웹디자인
- 생리컵 안전성
- threejs
- 알리생리컵
- 생리컵
- 은평장애인인권영화제
- 서부장애인종합복지관
- 중국생리컵
- min-width
- 웹브라우저창
- 타블렛 전원 불
- 알리익스프레스
- DIV
- 알리 생리컵
- menstrualcup
- 가로크기
- 전원 인식 안될 때
- MINI 5PIN
- 크기가 변하는 폰트
- width
- 생리컵직구
- HTML
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함