리액트 css 관련해서 질문이 있습니다

Question

먼저 코드입니다.index.jsindex.cssApp.jsHomePage.jsxHomePage.module.css이렇게 코드를 만들어 보는 중인데, HomePage.jsx 안의 Hello! 가 화면 중앙에 위치하게 하고싶어서 margin-top을 주면이렇게 검은 배경 안에서 밑으로 내려가는게 아니라, 아예 body 자체가 margin-top을 준만큼 내려가 버립니다.다른 css들을 아무리 손대봐도 Homepage.jsx안에 어떤 요소만 들어가면 margin이 해당 요소 기준으로 body를 움직여버리지 저 HomePage 컴포넌트 안에서 움직이지가 않는데, 비슷한 사례를 구글링 해보아도 찾기가 도무지 힘들어 질문드립니다.

ㅇㅅㄱ · Answer

h1태그에다가 css 프로퍼티를 주셔야 할 것 같습니다

하얀뼈 · Answer

마진붕괴 마진병합으로 검색해보세요

리액트 css 관련해서 질문이 있습니다

2개의 답변

기술 목록