> For the complete documentation index, see [llms.txt](https://shhn0509.gitbook.io/html-and-css/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shhn0509.gitbook.io/html-and-css/css-2/undefined-2/flow.md).

# FLOW

## FLOW

overflow -- 박스를 넘쳐난 상태(흐름) 조정한다. 

부모 박스의 영역을 자식 박스가 **넘어서게 될 때 화면에 어떻게 렌더링 할지 결정**하게 된다. 

{% hint style="warning" %}
단, 요소의 가로, 세로값이 지정된 상태에서 표현 가능 하다. 
{% endhint %}

auto 자동 값을 사용할 경우

* 흐름이 넘치면 x/y 축 모두 스크롤 바가 자동으로 생긴다.  
* 흐름이 넘치지 않으면 스크롤 바는 보이지 않는다.  
* 키보드로 컨트롤 불가능하다.  
* `visible` 
  * 기본값, 흐름이 넘친 영역이 모두 보여진다.  
  * auto, hidden 속성을 초기화된다.   
* `hidden` : 흐름이 넘친 영역이 모두 감춰진다.   
* `scroll` : x/y축 스크롤이 무조건 보인다.  
* `overflow-x` : x축 방향만 overflow 설정을 수행한다.  
* `overflow-y` : y축 방향만 overflow 설정을 수행한다.  

## [odel](http://ko.learnlayout.com/box-model.html)

##