일반적인 3개 행과 2개 열 중심 높이 적응형 레이아웃_CSS/HTML

전체 페이지 콘텐츠를 중앙에 배치하는 방법과 콘텐츠에 맞게 높이를 자동으로 조정하는 방법입니다. 이것은 CSS 레이아웃을 배울 때 가장 일반적인 문제입니다. 아래에 실제 예를 제시하고 자세히 설명합니다. (본 글에 실린 경험과 경험은 블루이상 포럼에서 xpoint와 guoshuang이 논의한 결과입니다.)

우선실제 실행 효과를 보려면 여기를 클릭하세요 이 페이지는 Mozilla, Opera 및 IE 브라우저에서 중앙에 배치될 수 있으며 적응력이 뛰어납니다. 코드를 분석해 보겠습니다.

전체 코드

header< /div>

class="text">오른쪽

1

1

1

1

1< /p>

left

footer

본 웹사이트의 성명

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