사용자 도구

사이트 도구


html:css:layout

CSS Layout

가로 스크롤로 요소 배치하기

가로로 모든 요소가 배치되고 자동으로 넘치는 부분이 아래로 내려가지 않게 하려면 부모에 nowrap 을 지정한다.

  • nowrap의 내부 내용 요소는 display: inline 이어야 한다.
  • ul 내부의 li는 float: left를 지정하면 안 된다
div.parent {
    overflow-x: auto;
    overflow-y: hidden; 
    white-space: nowrap;
}
html/css/layout.txt · 마지막으로 수정됨: 2011/05/13 11:07 저자 kwon37xi