20_03_12 box-sizing
우리가 width를 썻을 때 일반적으로 width의 크기를 테두리를 포함한 박스전체의 크기라고 착각하기 쉽다 하지만 html이 width를 정할 당시에는 border의 크기를 생각 안했기 때문에 실제 크기와 width크기사이에는 약간의 차이가 있다. 그거를 방지하는 코드가 box-sizing이다. box-sizing: content-box; 기본값이다 테두리는 width의 크기에 포함시키지 않는 코드 box-sizing: border-box; 테두리를 width에 포함시키는 코드 둘다 width값은 같지만 boxsizing의 속성을 다르게 주었기 때문에 이런 결과가 나온다.
카테고리 없음
2020. 3. 12. 22:27
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 파이썬
- nofap
- 전체체크
- border-box
- >선택자
- SW마에스트로
- error: src refspec master does not match any.
- SW교육프로그램
- 조코딩
- 42서울
- 전역후후유증
- 뺄샘
- 코틀린
- ellipsis
- 금딸
- SW정글
- 그때그때열심히
- 기본문법
- 1의보수
- 42seoul
- 체크인미팅3차성공
- 자식선택자
- 체크인미팅1차실패
- CSS
- Spinner
- box-sizing
- 컨트롤F5
- 문법
- 파이썬문법
- 이것이 취업을 위한 코딩테스트다
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함