1) div에서 테두리를 주면 두께가 늘어난다.
암만 방법을 대봐도 두개의 잇다은 div의 높이가 차이가 난다.
분명히 스타일시트에서는 높이를 같게 지정해주었음에도 불구하고...
몇시간의 씨름끝에 발견한건 그중 한 div는 테두리를 지정해주었고 div에서는 테두리를 기존 두께에서 추가로 주므로 2px 차이가 발생한것이다. 테두리를 적용한 div의 높이를 2px 빼주니 정상 회복.
2) div에서 padding을 주면 그만큼 div의 수치에서 빼주어야 한다.
3) 1px 높이 div 를 만들려면 익스6에서 19px 로 나타난다.
원인은 익스에서 div 내부에 내용이 없으면 높이출력에 에러가 생기는것이다.
이경우 div 내부에 <span></span> 을 입력해주면 정상적으로 출력한다.
3） CSS DIV에서 문자 중복으로 출력되는 동시에 하단에 공백이 발생한다.
익스플로러 버그인데 div는 줄바꿈을 하지만 span은 줄바꿈을 하지 않는다. 따라서 잘린 문자가 div 밖으로 밀리면서 아래로 밀려내려오는 현상이 발생한다. 이 현상을 제거하려면 최상위의 부모 div 에 사이즈를 지정하면 수정이 가능하다.
4) 주석을 연속 두줄이상 쓰면 오작동이 생길수 있다.
<!-- head end -->
<!-- body start -->
이런식으로 이어서 주석을 사용하면 익스 를 포함 파이어폭스에서도 오작동이 생길수 있다.따라서
<!-- head end -/- body start -->
이런식으로 주석이 두줄이상인 경우 한줄로 이어서 사용하는것이 바람직하다.
5) float 로 레이어를 이어붙일때에는 주석을 삽입하면 에러가 생길수 있다.
float 로 div 정렬중에는 div 내에 주석을 삽입하지 말고 블럭이 끝나거나 시작전에 주석을 달아주는것이 좋다.
6) 높이가 10픽셀미만 이하의 빈 div 일 경우 익스6에서는 자동으로 높이를 19픽셀로 정해준다.
이럴때는 div 내에 <span></span> 태그를 넣어주면 안에 엘리먼트가 있는것으로 인식하여 지정해준 높이로 줄어든다.
