상세 컨텐츠

본문 제목

레이아웃 : 마진겹침 현상

코딩

by Skema Shark 2017. 2. 19. 19:12

본문

반응형

레이아웃 : 마진겹침 현상 (생활 코딩)



CSS가 이해할 수 없는 방식으로 동작해서 깊은 빡침을 느낄 수 있는 경우가 있다.


Hello world


Hello world 


사이에서의 간격이 100이다.


100이 겹쳐지고 있다.



2


부무와 자식 사이의 엘리먼트 요소에서, border 값 같은 시각적 요소가 사라지면,


마진 값이 큰 것이 최종 마진 값을 결정한다.




3. 위, 아래 엘리먼트가 있으면, 2번과 마찬가지로 시각적 요소가 사라지면, 마진이 더 큰 쪽이 최종 마진으로 사용된다.





반응형

'코딩' 카테고리의 다른 글

레이아웃 : flex  (0) 2017.02.22
레이아웃 : 포지션  (0) 2017.02.19
레이아웃 : box-sizing (생활코딩)  (0) 2017.02.19
레이아웃 : 박스모델  (0) 2017.02.19
레이아웃 : 인라인 vs 블럭레벨  (0) 2017.02.19

관련글 더보기