>  기사  >  웹 프론트엔드  >  CSS에서 float를 닫는 방법

CSS에서 float를 닫는 방법

王林
王林원래의
2021-05-19 14:06:333871검색

CSS에서 부동 기능을 끄는 방법은 요소에 Clear 속성을 추가하고 [clear:both;]와 같이 속성 값을 없음으로 설정하는 것입니다. Clear 속성은 요소의 특정 측면에 다른 부동 요소가 허용되지 않음을 지정합니다.

CSS에서 float를 닫는 방법

이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터.

CSS에는 요소의 어느 쪽이 다른 부동 요소를 허용하지 않는지 지정하는 명확한 속성이 있습니다.

공통 속성 값은 다음과 같습니다:

  • left 왼쪽에는 플로팅 요소가 허용되지 않습니다.

  • right 오른쪽에는 부동 요소가 허용되지 않습니다.

  • 플로팅 요소는 왼쪽과 오른쪽 모두 허용되지 않습니다.

  • none 기본값입니다. 부동 요소가 양쪽에 표시되도록 허용합니다.

  • inherit는 Clear 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.

작은 예:

<html>

<head>
<style type="text/css">
img
  {
  float:left;
  clear:both;
  }
</style>
</head>

<body>
<img src="/i/eg_smile.gif" />
<img src="/i/eg_smile.gif" />
</body>

</html>

관련 동영상 공유: css 동영상 튜토리얼

위 내용은 CSS에서 float를 닫는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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