block 요소를 inline 처럼 나열해서 사용할 때 display inline 대신 더 많이 사용하는 방법
float을 사용한 순간 공중으로 날아오르는 개념 (위에떠있음)
커피와 녹차의 영역만 남는다
자식태그에서 float사용시 부모태그에서 overflow:hidden 해주기!!
하지만 float을 가진 부모(container)는 자식(green,coffe)이 빠져나갔지만 여전히 공간을 유지시켜주기 위해
부모(container)에서는 반드시 overflow : hidden 작업을 해주어야한다.
over-flow
내용이 지정된 테두리 영역을 벗어났을때 넘치는 요소를 다루는 속성 overflow visible 기본 설정 값 기본 설정 값 넘치는 내용을 다 표시함 .a5{overflow: visible;} overflow hidden 넘치면 보이지 않게 내용이
korany0410.tistory.com
부모태그인 content에서 overflow : hidden 해주고
자식태그인 left, center, right 에 float : left 시켜주기
'CSS' 카테고리의 다른 글
| [css] position layout (0) | 2023.02.23 |
|---|---|
| [css] 외부스타일시트 (0) | 2023.02.23 |
| [css] nth:child 선택자 (0) | 2023.02.23 |
| [css] over-flow (0) | 2023.02.23 |
| [css] Selector (선택자) (0) | 2023.02.22 |
