Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

clear

토픽 Ruby Coin > Development > Front-End > CSS 사전

Summary

float 속성을 해제한다.

none | left | right | both | inherit
기본값 none
적용대상 블럭레벨 요소들
상속 상속안됨
퍼센테이지 지정불가
미디어 Visual

Value

  • left : 왼쪽 플로트 해제. 즉 float:left를 해제한다.
  • right : 오른쪽 플로트 해제. 즉 float:right를 해제한다.
  • both : 왼쪽과 오른쪽 모두 플로트 해제.
  • none : float를 해제하지 않는다.

Tip

  1. 다음과 같이 사용할 수 있다. [sample]
    .footer {
        clear:both;
    }

Others

When the property is set on floating elements, it results in a modification of the rules for positioning the float. An extra constraint (#10) is added:

  • The top outer edge of the float must be below the bottom outer edge of all earlier left-floating boxes (in the case of 'clear: left'), or all earlier right-floating boxes (in the case of 'clear: right'), or both ('clear: both').

댓글

댓글 본문
  1. 푸른하늘
    10일차 공부 감사합니다
  2. WayneKing
    이거 이거 이거