728x90
body 여백 없애기
<body>
<div class="content">
<div>테스트</div>
<div>테스트</div>
</div>
</body>
</html>
위와 같이 코드를 작성하면 div주변에 상단, 좌우 여백이 생긴다.
이를 없애기 위해선 body의 마진을 0으로 변경해주면 된다.
body{
margin:0;
}
그럼 위와 같이 좌우, 상단이 윈도우 창에 맞게 div가 조절된 것을 볼 수 있다.
h1 사용시 여백
앞서 말한 듯이 body의 margin을 0으로 설정해도 상단 여백이 존재하는 문제가 생겼다.
이는 h1(h2 등도 마찬가지)도 body처럼 기본적인 margin이 존재하기 때문이다.
따라서 h1의 margin-top를 0으로 설정해주면 된다.
body{
margin:0;
}
h1{
margin-top: 0;
}See the Pen Untitled by mjtime (@mjtime) on CodePen.
📝공부한 내용을 정리한 글입니다. 틀린점이 있다면 알려주세요!
728x90
'LANGUAGE > CSS' 카테고리의 다른 글
| [css/react] 리액트 페이지 배경 전체를 채우기 위한 높이 설정하기 (0) | 2025.03.10 |
|---|
