반응형
<div>를 사용하면 default로 height는 0, width는 전체에 영역이 잡힌다.
그런데, 여기서 말하는 전체와 style="width: 100%"는 절대 같지 않다.
만약, width를 주지 않고 <div></div>로 사용 했을 경우 margin이나 padding을 주면 margin과 padding영역까지 고려해서 width가 할당되지만 <div style="width: 100%"></div>와 같이 사용하게 되면 margin과 padding을 고려하지 않고 부모의 width 크기 전체로 잡는다.
따라서 <body>의 밑에 <div> 태그가 있을 경우 margin이나 padding을 준다면 (ex. padding: 10px;)
100% + 20px이 되기 때문에 20px만큼 body에 스크롤이 생긴다.
728x90
반응형
