css float 개념 , positon: absolute, 가로배열2열 만들기

float 띄우기 개념

 

flex 줘도 되지만 float 를 사용할 수 있음

특징

float 를 사용 할 때 반듯이 

float: left;
float: right;

html > float 쓰는 박스 맨 밑에 다가

<div> 박스를 만들거 그안에 <div style="clear:both";>

주어야 한다 

<div style="clear:both";>

 

css 인데 

배경 이미지 넣는 방법

background-image: url() 을 사용하면 ㄷㅚㄴ다

크기는 background-size: cover [이미지를  꽉 채우고싶다! ]

width: 50% height 350px

 

그리고 div box 4개 만들고 싶나면 

[float: left, width: 50;] 주면 가로 배열 2열이 생성이 된다!!!!!!!!! 우와우왕

클래스 네임 똑 같이 주어야지만 보인다잉

 

이미지가 줄어드는 장면을 구현하고 싶다면  그위에 박스 하나를 만들어주고 <div class="anything-box"></div>

witdh , height gave same size 100%

 

u gave too postion !!! positon : absolute

 

포지션 은 relative , absolute 둘다 사용해야 한다 법칙!

<div class="a">

<div class ="big-a">

a에다가 relative , big-a absolute !

다음 엔 포지션 에 대해 상세하게 기록하기!!!