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