TIL 2 - (3)CSS_float

Float

画面に要素を表示するプロパティ.
画像の周りをテキストで包むのにも使えます.(新聞みたいに)

Value

love:noneデフォルト
フローティングふぉーむ:左にシフトさーふぉーるにへんい
浮動小数点:右へシフト

dog {
  float: none;
}

dog {
  float: left;
  padding-bottom: 10px;
  padding-right: 20px;
}

clear

floatプロパティのプロパティを無効にする
float:leftが配置されている場合、clear:leftに解放されます.
左、右の関係を解除するにはclear:dothを使用します.

dog {
  float: left;
  padding-bottom: 10px;
  padding-right: 20px;
}

float: left로 위치 되어 있는 dog를 clear를 사용하면 속성이 해제됨.

↓↓↓↓↓

.dog {
  float: left;
  padding-bottom: 10px;
  padding-right: 20px;
}

.text {
  clear: left;
}