CSS 웹 페이지 레이아웃 입문 강좌 7:2 열 고정 너비 가운데

고정된 너비 에서 우 리 는 margi:0px 를 사용 합 니 다. auto;이러한 설정 은 div 를 가운데 로 표시 할 수 있 도록 합 니 다.두 열 표시 줄 에 서 는 왼쪽 표시 줄 의 왼쪽 과 오른쪽 표시 줄 의 오른쪽 을 제어 해 야 하기 때문에 margi:0px 를 사용 합 니 다. auto;영산 의 효과 에 도달 하지 못 할 것 같 습 니 다.이 럴 때 div 의 내장 형 디자인 을 해 야 합 니 다.하나의 가운데 div 를 용기 로 사용 할 수 있 습 니 다.*38061°2 열 바 의 두 div 가 용기 에서 회전 하여 2 열 디 스 플레이 를 실현 합 니 다.위의 코드 와 결합 하여 새로운 XHTML 코드 구 조 는 다음 과 같 습 니 다.[Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]\#layot 는 가운데 속 이 있 고 자연 안의 내용 도 가운데 에 있 습 니 다.여기 서 문 제 는\#layot 의 너비 정의 입 니 다.\#layot 의 너 비 를 404 px 로 설정 하 는 것 입 니 다.이전 튜 토리 얼 에서 알 고 있 었 기 때 문 입 니 다.한 대상 의 진정한 너 비 는 여러 가지 속성 을 더 한 것 이 고 left 의 너 비 는 200 px 이지 만 좌우 에 1px 의 거리 가 있 기 때문에 실제 너 비 는 202 px 이 고 right 대상 도 마찬가지 입 니 다.layot 를 용기 로 두 개 를 담 을 수 있 도록 너 비 는 left 와 right 의 실제 너비 와 404 px 로 설정 하여 2 열 가운데 표 시 를 실현 합 니 다.2 열 너비 가운데 실제 사이트 에서 응용 이 매우 광범 위 하 다.