CSS. Overflow-y를 제거하십시오. Nowrap. 요소 유지 인라인

Question

무엇이 문제입니까?

div { 
overflow-x:scroll; 
overflow-y:hidden; 
white-space:nowrap; 
} 

이를 : 필자는 만 오버 플로우-X와 같은 줄에 인라인 블록 요소 모두를 위해, 다음과 같은 CSS는 모두가 부모에 필요한 것을 제안 게시물의 몇 가지를 읽고 부모님과 내가 같은 줄에서 필요로하는 요소에 대한 나의 방화복에서 나오는 나의 CSS이다. 요소는 수직 오버 플로우로만 래핑됩니다. 나는 혼란 스럽다. 어떤 제안?

.elementsRequiredOnSameLine { 
background: none repeat scroll 0 0 white; 
display: inline-block; 
float: left; 
height: 10em; 
text-align: center; 
width: 6em; 
} 

.parent{ 
display: inline-block; 
margin: 10px auto; 
min-height: 12em; 
overflow-x: scroll; 
padding: 10px; 
white-space: nowrap; 
width: 95%; 
} 

Answer 1

요소에 float: left을 사용하면 해당 요소가 nowrap 규칙을 무시하게됩니다. display: inline-block을 이미 사용하고 있으므로 요소를 나란히 배치 할 필요가 없습니다. 그냥 제거 float: left

Answer 2

플로트 때문에 : 왼쪽, 한 번 제거, 괜찮아. 질문을 입력 한 후 발견했습니다. 죄송합니다.