먼저 테스트 과정에서 발견된 몇 가지 문제에 대해 이야기하겠습니다.
1. 박스 모델 문제
리팩토링이나 DIV+CSS를 다루는 친구들은 이 사실을 모두 알아야 한다고 생각합니다. 하지만 관심이 있으시면 온라인으로 검색해 보세요. 여기서 언급하는 이유는 이 레이아웃이 백분율로 제어되기 때문에 테두리에 1px 가장자리를 추가한 후에는 다시 줄이기가 어렵기 때문에 위쪽 테두리 스타일을 폐기했습니다.
2. 오버플로 문제
이 문제는 내용이 너무 길어서 넘치지 않도록 오버플로를 숨겨 해결될 수 있습니다. 처음에는 html과 본문의 오버플로에 숨겨진 속성을 추가할 수 있습니다. Blank는 IE에는 기본적으로 스크롤 막대 너비가 있지만(이건 모르겠습니다) FF는 그렇지 않다고 말했습니다(이건 모르겠습니다).
기본적으로는 그렇습니다. 코드는 다음과 같습니다.