밍숲의 코딩&웹퍼블리셔 LOG

  • 홈
  • 태그
  • 방명록

float 1

[css float속성] float 속성 / clear:both / clear속성을 class로 만들어 사용하기(부모요소 넓이값 확보, float 해제)

float 속성 / clear:both / clear를 class로 만들어 사용하기(부모요소 넓이값 확보, float 해제) clear 속성은 float 속성을 해제 할 때 사용한다. 요소들을 inline처럼 가로로 배치할 때 float라는 속성대신에 flex가 더 자주 사용되지만, float를 사용할 때는 부모의 높이 값 확보를 위해서 clear속성을 사용해준다. 예시를 통해 알아보도록 하자 html구조는 간단하게 div4개를 만들었고 각각의 박스에 색상을 주었다. div는 기본적으로 block요소이기 때문에 세로로 배치가 되는데, 이때 float를 사용하면 한줄로 배치된다. 각 요소들을 왼쪽이나 오른쪽 한 쪽으로 나란히 배열하고 싶다면, 각 요소에 'float:방향' 을 주어도 되고 그 요소들을 한꺼..

카테고리 없음 2022.06.10
이전
1
다음
더보기
프로필사진

밍숲의 코딩&웹퍼블리셔 LOG

  • 분류 전체보기 (20)
    • Html (2)
      • 지식 정리 (0)
      • 코딩 (2)
    • Css (7)
      • 지식 정리 (6)
      • 코딩 (1)
    • Javascript (0)
    • Jquery (0)
    • Web Design(국비과정) (10)
      • Photoshop&Illustrator (7)
      • UXUI 벤치마킹 (3)

Tag

jokerposter, cssroot, smokeeffect, 포토샵, UXUI벤치마킹, 가을디자인, html, 포토샵잡지디자인, css가상선택자, dispersionbrush, css접근성, float해제, 가을타이포그래피, saleposter, :root, dogue, dispersioneffect, photoshop, CSS, 세일포스터,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/01   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바