>  기사  >  웹 프론트엔드  >  CSS의 일반적인 레이아웃 방법은 무엇입니까

CSS의 일반적인 레이아웃 방법은 무엇입니까

王林
王林앞으로
2020-07-30 17:39:382999검색

CSS의 일반적인 레이아웃 방법은 무엇입니까

몇 가지 일반적인 레이아웃 방법:

(권장 튜토리얼: css 빠른 시작)

  • 고정 레이아웃

  • 유동 레이아웃(적응형 레이아웃)

  • 탄력적 레이아웃(개폐식 레이아웃)

  • 포지셔닝 레이아웃

  • 플로팅 레이아웃

  • 반응형 레이아웃(미디어 쿼리)

고정 레이아웃은 상자의 너비와 높이가 고정된다는 의미입니다. 여백, 패딩 등

유동적 레이아웃의 흐름은 상자의 너비, 높이 및 여백을 나타내며 패딩은 백분율입니다. 그래서 백분율 레이아웃이라고도 합니다.

(추천 비디오 튜토리얼: css 비디오 튜토리얼)

다음 사항에 유의하세요:

  • 백분율은 요소의 상위 요소 크기를 기준으로 계산됩니다. 요소는 모두 상위 요소의 너비를 기준으로 계산됩니다(여백 및 패딩)

  • 테두리는 백분율로 설정할 수 없습니다

  • 위치 레이아웃은 절대 위치, 상대 위치 및 고정 위치를 나타냅니다.

  • 부동 위치 지정은 float:left; 및 float:right만 가능합니다.

위 내용은 CSS의 일반적인 레이아웃 방법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제