3.6 float 기반 샘플 화면 레이아웃 구성

레이아웃 만들기를 한번 해보겟습니다 ! (https://codepen.io/)

1. 자식이 float인 경우에는 자식으로 생각안해 .. 왜냐면 둥 떠있는 애니까. 

  이럴때는 overflow라는 속성을 줘서 float를 인식시킬 수 있다. 

  overflow를 주면 자식으로 인식할수 있어 .

 

wrap이 부모니까 , wrap에 overflow : auto; 를 주면 된다. 

CSS 에서 hight 를 넣으면 left, right 속성 맞출수 있다 .

 

.left , .right { 

  여기에 속성 넣으면 left, right둘다 적용 가능 

}

 

.left{

  이렇게만 설정하면 left 에만 설정 

}