html:css:layout

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- html:css:layout [2011/04/11 15:18]
kwon37xi
+++ html:css:layout [2011/05/13 11:07] (현재)
kwon37xi
@@ 줄 4: / 줄 4: @@
 ===== 가로 스크롤로 요소 배치하기 =====
-가로로 모든 요소가 배치되고 자동으로 넘치는 부분이 아래로 내려가지 않게 하려면 부모에 [[http://www.w3schools.com/CSS/pr_text_white-space.asp|nowrap]] 을 지정한다. nowrap의 내부 내용 요소는 *display: inline* 이어야 한다.
+가로로 모든 요소가 배치되고 자동으로 넘치는 부분이 아래로 내려가지 않게 하려면 부모에 [[http://www.w3schools.com/CSS/pr_text_white-space.asp|nowrap]] 을 지정한다.
+  * nowrap의 내부 내용 요소는 **display: inline** 이어야 한다.
+  * ul 내부의 li는 float: left를 지정하면 **안 된다**
 <code css>
 div.parent {
+    overflow-x: auto;
+    overflow-y: hidden;
     white-space: nowrap;
 }
 </code>

html/css/layout.1302502734.txt.gz · 마지막으로 수정됨: 2011/04/11 15:18 저자 kwon37xi