비디오: 웹에플리케이션 만들기 - CSS 실습 1 2024
컨테이너의 너비에 관계없이 양식을 올바르게 작동시키는 방법이 있어야합니다. CSSS3은 HTML5 페이지를 디자인 할 때 쉽게 사용할 수있는 메커니즘을 제공합니다.
clear 속성은 float 속성이있는 요소에 사용됩니다. clear 속성은 left, right 또는 both로 설정할 수 있습니다. clear 속성을 left로 설정하면이 요소의 왼쪽에 아무것도 표시되지 않습니다. 즉 요소는 컨테이너의 왼쪽 여백에 있어야합니다. 각 라벨은 자체 라인을 시작해야하므로 clear 속성을 left로 설정하십시오.
단추를 자체 행으로 이동하려면 clear 특성을 both로 설정하십시오. 즉, 버튼에는 왼쪽이나 오른쪽에 요소가 없어야합니다. 그것은 모든 것을 소유해야합니다.
요소가 새로운 행을 시작하게하려면 float 및 clear 속성을 모두 left로 설정하십시오. 요소가 한 행에 만 있기를 원하면 float을 왼쪽으로 설정하고 두 요소 모두를 지우십시오.
clear 속성을 사용하면 너비가 가변적 인 컨테이너를 가질 수 있으며 양식 디자인에 대한 적절한 제어를 유지할 수 있습니다. 양식은 페이지와 동일한 너비 일 수 있으며 여전히 올바르게 작동합니다. 이 버전은 페이지의 너비에 관계없이 작동합니다.