| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 제어컴포넌트
- ㅡ
- react
- 문제해결
- twoarrow
- ?? #null병합연산자
- CustomHook
- 부모패딩
- es6
- createPortal
- 서초구보건소 #무료CPR교육
- QueryClient
- alias설정
- 부모요소의 패딩 무시
- 화살표2개
- transition
- 조건부스타일
- DOM
- Carousel
- tailwindCSS
- ignore padding
- BFC
- debouncing
- accordian
- useQueryClient
- parent padding
- BlockFormattingContext
- vite
- 리액트
- 함수형프로그래밍
Archives
- Today
- Total
프론트엔드 첫걸음
margin-collapse 본문
- 박스의 테두리가 겹치면 margin-collapse 현상이 발생하여
하위 박스에 margin효과가 들어가지 않는다.
상위의 박스에 padding: 1px; 주면 박스 테두리 겹침이 해소되어
하위 박스에 margin 효과가 들어간다.
* 상위박스에 border를 줄수도 있다.
'개발 공부 > CSS' 카테고리의 다른 글
| position의 기능, 가운데 정렬, z-index (0) | 2022.07.04 |
|---|---|
| <body style="margin:0px"> 그리고 CSS reset (0) | 2022.07.04 |
| 배경이미지 넣기 (0) | 2022.07.04 |
| inline-block 사용하여 기본 레이아웃 만들기 (0) | 2022.07.04 |
| float 사용하여 기본 레이아웃 만들기 (0) | 2022.07.04 |
'개발 공부/CSS' Related Articles
more
