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에 스크롤이 생긴다....