CSS 웹 페이지 레이아웃 입문 튜토리얼 6: 왼쪽 열 고정, 오른쪽 열 너비 조정_기본 튜토리얼

실제 응용 프로그램에서는 브라우저 창의 크기에 따라 자동으로 조정되도록 왼쪽 열과 오른쪽 열의 고정 너비가 필요한 경우가 있습니다. CSS에서 이러한 레이아웃 방법을 구현하는 것은 간단하고 실행 가능합니다. 위의 예에서와 같이 왼쪽 열의 너비를 설정하려면 왼쪽과 오른쪽 열 모두 백분율을 사용하여 너비 적응을 구현하며 왼쪽 열의 너비만 고정 값으로 설정하면 되며 너비는 설정하지 마십시오. 코드는

코드 복사와 같습니다. 다음:

#left {
배경색: #E8F5FE
테두리: 1px #A9C9E2
float:
높이: 300px; > 너비: 200px;
}
#right {
배경색: #F2FDDB;
테두리: 1px #A5CF3D
높이:
}

이런 방식으로 왼쪽 열은 100% 너비를 표시하고 오른쪽 열은 브라우저 창 크기에 따라 조정됩니다.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">