CSS에서 클리어의 의미는 무엇입니까?

CSS의 명확한 속성은 부동 요소 주위의 영역을 제어하고 후속 요소의 위치 지정 방법을 지정하는 데 사용됩니다. 여기에는 왼쪽, 오른쪽, 둘 다의 세 가지 값이 있으며 왼쪽, 오른쪽 또는 왼쪽에서 시작하는 데 사용됩니다. 부동 요소의 오른쪽에 각각 후속 요소의 위치 지정.

CSS에서 Clear

clear의 의미는 무엇인가요?

clear 속성은 부동 요소 주변 영역을 제어하는 ​​데 사용됩니다. 부동 요소가 발견될 때 후속 요소가 배치되는 방법을 지정합니다.

자세한 설명:

플로팅 요소는 일반적인 문서 흐름에서 벗어나 상위 요소의 가장자리를 따라 배열됩니다. Clear 속성을 사용하면 후속 요소가 플로팅된 요소를 둘러싸는 대신 건너뛸 수 있습니다.

세 가지 명확한 값이 있습니다.

• left: 요소는 플로팅된 요소의 왼쪽에서 시작합니다.
• right: 요소는 플로팅된 요소의 오른쪽에서 시작합니다.
• 둘 다: The 요소는 부동 요소의 왼쪽과 오른쪽에서 시작됩니다. 시작하기

사용 예:

<code class="css"><div class="container">
  <div class="float-left">浮动元素</div>
  <div class="clear"></div>
  <div>后续元素</div>
</div></code>

위 예에서 .clear 클래스에는clear:both 속성이 적용되었습니다. 이렇게 하면 후속 요소가 플로팅된 요소의 왼쪽과 오른쪽에서 시작되어 간격이 생겨 후속 요소가 플로팅된 요소에 의해 래핑되지 않습니다.

위 내용은 CSS에서 클리어의 의미는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!