일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- twoarrow
- debouncing
- vite
- ignore padding
- parent padding
- accordian
- 부모패딩
- tailwindCSS
- CustomHook
- alias설정
- transition
- 서초구보건소 #무료CPR교육
- useQueryClient
- QueryClient
- react
- BFC
- Carousel
- 리액트
- es6
- createPortal
- DOM
- ?? #null병합연산자
- 부모요소의 패딩 무시
- 문제해결
- 조건부스타일
- 제어컴포넌트
- 함수형프로그래밍
- BlockFormattingContext
- ㅡ
- 화살표2개
Archives
- Today
- Total
목록BFC (1)
프론트엔드 첫걸음
Margin Collapse , Block formatting context
See the Pen overflow : hidden by JEONG (@cona) on CodePen. 부모요소와 자식요소의 border 가 겹쳤을때 자식요소의 margin이 작동하지 않는다. -margin collapse 이 때 margin collapse를 피하는 방법은 여러가지가 있다. 대표적으로 부모요소에 padding : 1px; 을 주거나 border: 1px solid black; 을 주는것이다. 그외에도 새로운 블록서식컨텍스트를 생성하는 방법이 있다. BFC가 생기는 조건 html root 태그 (body 태그는 만들어지지 않는다) none을 제외한 float position: fixed, absolute display: inline-block, table, table-cell, tabl..
개발 공부/CSS
2022. 8. 31. 21:53