아이를 내용 너비로 설정하고, 부모 너비를 무시하고, 부모 스크롤을 만듭니다.

Question

CSS만으로도, 예를 들어 http://jsfiddle.net/LdJ7t/ 다음 예제를 구할 수 있습니까?

최종 결과가 원하는 : 자식 요소에

• 부모 요소 스크롤
• 는 자식 요소의 폭 콘텐츠로 설정

#Parent { 
    width: 100px; 
    height:200px; 
    background: #ccc; 
    overflow:auto; 
    padding: .5em; 
    margin: .5em; 
} 

#Child { 
    width:300px; 
    height:100px; 
    background:yellow; 
}​ 

<div id="Parent"> 
    <div id="Child"> 
     This is a test. This is a test. 
    </div> 
</div>​ 

이 display:inline-block; 거의 작품처럼 보인다 : http://jsfiddle.net/LdJ7t/1/

이것이 가능하다고 생각합니다. 솔루션을 찾을 수 없습니다.

Answer 1

해결책은 정확합니다. 이미지에 단어를 넣으면 스크롤바가 나타납니다. 텍스트는 기본적으로 공백에서 분리됩니다. 당신이 공백 텍스트의 파괴를 원하지 않는 경우

, 여기처럼 자식 DIV에 white-space: nowrap;를 추가 할 수 있습니다