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;
}