2012-08-12 2 views
1

올바르게 설명 할 수 없습니다 ....하지만 여기에 있습니다 .... DIV가 컨테이너에서 왼쪽으로 떠 있기를 원합니다 ... 총 너비가 너비를 늘리면 컨테이너의 ... 가로 스크롤 막대를 만들지 만 어떤 경우에도 서로 아래로 가지 않을 것입니다 ...
컨테이너의 너비가 500px 인 경우처럼;
및 포함 된 5 어린이 div를 현재 200 픽셀 폭
의 각 난이 다음 왼쪽, float를 할 때 ... 그들은 예를 들어 .... 다음 행의 행 2, 2와 같은 스택 :
div1의 DIV2
div3의 div4을
div5
내가 그들에게 이런 걸 원하는 :
div1을 DIV2 div3 div4 div5요소 스택이 왼쪽 아래에 있지 않음

답변

2

내가 그들을 대신 부동의, 추천
스크롤 막대 ... 다음 컨테이너에 white-space:nowrap을 적용, display:inline-block; 설정 엘자 달성.

그리고 컨테이너의 폭이 고정되어 있지 않은지 확인하십시오. (최소 너비는 괜찮습니다). JOPLOmacedo에

업데이트 1) 에러 수정 (감사) 2)에서 예를 사용 : http://jsfiddle.net/t9Vnf/

+0

없음 ... (... 요소가 아직 아래되어 간다 ... – MaSK

+0

' #을 핸들러 { \t 총수 : 절대; \t 신장 225px; \t 공백 없음 랩; \t 왼쪽 : 0 픽셀; } #handler의 .item { \t 디스플레이 : 인라인 블록; \t 채우기 : 0px 10px; } ' – MaSK

+0

아마도 이것이 최상의 솔루션 일 것입니다. 'white-space : nowrap'보다는'white-space : nowrap;'이어야하기 때문에 그것이 작동하는 것을 볼 수없는 이유가 있습니다. 거기에 여분의 하이픈이 있습니다. 한번보세요 http://jsfiddle.net/cquQB/3/ – banzomaikaka

관련 문제