Amazing Story

  • 홈
  • 태그
  • 방명록

float 1

CSS 플로트(float)

9. 플로트(Float)(1) 플로트의 개념- 플로트는 블록, 인라인 요소를 좌우 정렬한다.(기준은 부모요소를 기준으로)- 플로트가 적용되면 자신의 자리를 다음에 오는 블록요소에게 내어준다.- 플로트요소는 플로트요소끼리만 정렬하며 일반요소와는 정렬하지 않음- 예시) float: left; (2) 플로트와 일반요소가 함께 있는 경우■ 작성법- float에 적용하는 값은 left, right- 플로트 적용시 자신이 있는 위치에서 부모요소를 기준으로 왼쪽 또는 오른쪽 정렬을 한다.- 자신의 자리를 다음 요소에게 내어줌. 다음에 오는 요소는 플로트 요소 아래에 배치됨 ■ 예시1 123456789101112131415161718192021222324252627282930313233343536Float *{marg..

IT/CSS 2018.08.01
1
프로필사진

Amazing한 IT 이야기

  • 분류 전체보기
    • IT
      • HTML
      • CSS
      • JS JQUERY
      • SQL
      • SPRING
      • SERVER
      • TOOL
      • 개발환경
      • 참고
      • 빅데이터분석기사
    • 일상
      • 취미

최근글과 인기글

  • 최근글
  • 인기글

Copyright © Kakao Corp. All rights reserved.

  • W3SCHOOL
  • 생활코딩
  • 코드쓰는사람
  • 소소한 일상
  • 샤쿠
  • 그레이의일상

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.