무엇이 제일 나은 float 해제 기법인가?float 해제가 무엇인지 익히 알려진 사실이니 설명은 생략하고, 이 기법에 대한 나름의 생각을 적은 포스팅을 해본다. float을 해제하는 기법으로 다음과 같은 것들을 볼 수 있다. 가상 요소(clearfix) overflow: hidden 부모 요소에 float display: inline-block display: flow-root 순서대로 살펴보자. 우선 clearfix 기법은 부모 요소에 ::before/::after 가상요소를 사용, 가상의 block formatting context를 생성해주어 자식 요소의 높이값을 품도록 해준다.https://selosele.github.io/2020/07/21/clearfix/Float 해제(Clear)Float 속성을 적용한 부동 흐름을 해제(clear)시키는 속성 즉, Clear 이후 등장하는 요소들의 흐름은 Normal Flow로 적용된다. Float를 적용하면 형제 요소들은 흐름에 영향을 받기 때문에 Layout을 만들 때 필수적이다. https://developer.mozilla.org/ko/docs/Web/CSS/clear http://webclub.tistory.com/183 http://stackoverflow.com/questions/8933494/bootstrap-css-containerbefore-display-table https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/css.mdhttps://limjungmok.tistory.com/14CSS 페이지 레이아웃 1부 - floats, positioning, display, float-root, table | TOMMYZIPCSS 페이지 레이아웃 속성은 요소들을 배치하기 위해 사용하며, Display, Flexbox, Grid, Floats, Positioning, Table Layout, Multistage Layout 등이 있고 속성마다 기능이 달라서 각 속성을 정확히 파악하고 사용해야 한다. Floats, Positioning, Display Outsid 및 inside, Display Flow-root, Display Table에 대한 정보를 기록하고자 CSS 페이지 레이아웃 1부를 작성했다. 주의사항 1.https://blog.tommyzip.co.kr/code/css-basic-layouts-display/
