커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - clear

페이지 정보

작성자 관리자 댓글 0건 조회 2,844회 작성일 20-07-20 09:30

본문

clear

Summary

float 속성을 해제한다.

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

Value

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

Tip

  1. 다음과 같이 사용할 수 있다. [sample]
    1
    2
    3
    .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').
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.