>웹 프론트엔드 >CSS 튜토리얼 >DIV+CSS 웹 페이지의 대체 상단 및 하단 레이아웃 예제 코드_경험 교환

DIV+CSS 웹 페이지의 대체 상단 및 하단 레이아웃 예제 코드_경험 교환

WBOY
WBOY원래의
2016-05-16 12:04:231778검색

먼저 테스트 과정에서 발견된 몇 가지 문제에 대해 이야기하겠습니다.
1. 박스 모델 문제
리팩토링이나 DIV+CSS를 다루는 친구들은 이 사실을 모두 알아야 한다고 생각합니다. 하지만 관심이 있으시면 온라인으로 검색해 보세요. 여기서 언급하는 이유는 이 레이아웃이 백분율로 제어되기 때문에 테두리에 1px 가장자리를 추가한 후에는 다시 줄이기가 어렵기 때문에 위쪽 테두리 스타일을 폐기했습니다.

2. 오버플로 문제
이 문제는 내용이 너무 길어서 넘치지 않도록 오버플로를 숨겨 해결될 수 있습니다. 처음에는 html과 본문의 오버플로에 숨겨진 속성을 추가할 수 있습니다. Blank는 IE에는 기본적으로 스크롤 막대 너비가 있지만(이건 모르겠습니다) FF는 그렇지 않다고 말했습니다(이건 모르겠습니다).

기본적으로는 그렇습니다. 코드는 다음과 같습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.