Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- border-box
- flex
- margin-collapsing
- boxmodel
- inline-block
- content-box
- EM
- flexbox
- google클론코딩
- JavaScript
- REM
- 마진겹침
- clonecoding
- Block
- mediaquery
- WebProgramming
- MARGIN
- PX
- font-size
- inline
- html
- justify-content
- 클론코딩
- align-items
- box-shadow
- box-sizing
- Align
- Media
- css
- Justify
Archives
- Today
- Total
목록margin-collapsing (1)
Suhenism
[CSS] 마진겹침(Margin-Collapsing) 현상
Box Model CSS를 배울 때 제일 처음 공부하는 게 Box Model이다. Box Model은 CSS의 기본이자 아주 단순한 개념이다. 그래서 처음 공부할 때는 잘 적용할 수 있을 것 같은 자신감마저 들게 한다. 하지만 CSS 코드를 짜기 시작하자마자 난관에 봉착한다. 생각했던 것과는 전혀 다른 결과가 나오기 때문이다. Box Model 적용에는 크게 두 개의 걸림돌이 있다. 1. (HTML) inline / block 2. 마진겹침 (Margin-Collapsing) 1번 inline / block element에 관해서는 이전 글에 정리해뒀으니 아래 링크에서 참고하면 좋을 것 같다. 이번 포스팅에선 2번 마진겹침에 대해 간략하게만 정리하자. https://suhenism.tistory.com/..
Coding 코딩/CSS
2022. 9. 8. 16:59