div tag width 100%

div tag width 100%

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

#IT·컴퓨터

원문링크 : div tag width 100%

 등록된 다른 글

mysql name(이름) masking

sencha grid - column 색상 변경

파주 운정 맛집 추천::피셔맨스키친 운정점::내돈내산

Tomcat 버그(bug) - quoted with " which must be escaped when used within the value

IE8에서 사용 가능한 chart