jscript없이 콘텐츠에 따라 div 요소의 크기를 조정하십시오.

Question

콘텐츠 크기에 따라 동적으로 생성 된 div를 얻을 수 없습니다. 고정 된 너비를 가진 주 div (# divPrincipal)가있는 것입니다. 이 div 내에서 다른 것들 중에서도 콘텐츠에 따라 크기를 조정할 div (# divCabecera)가 있습니다. 마지막으로 # divCabecera 안에는 텍스트가있는 div 수 (divTexto)가 만들어집니다.

# divTexto{ 
    border-right: 1px solid #cdcdcd; 
    height: 100%; 
    width: 33%; 
    float: left; 
    display: inline-block; 
} 

내가 필요로하는 모든 사람들이, 빨간색 영역은 검은 영역으로 성장 더 블루 된 div의 표시이다 :

여기에는 기본 CSS입니다. 그 화면 스크롤

후 나는 당신이 나는 이것이 당신이 가고있는 무슨 생각 나에게

Answer 1

을 도울 수 있기를 바랍니다. 확실하지는 않지만 이것이 내가 가진 것입니다.

http://jsfiddle.net/gulfarazyasin/BQfN3/

div#container { 
    border: 1px solid black; 
    height: 250px; 
    width: 300px; 
    overflow: auto; 
    white-space: nowrap; 
} 

div#container div#divTexto { 
    border: 1px solid blue; 
    height: 200px; 
    display: inline-block; 
    margin: 0 20px; 
} 

div#red { 
    border: 1px solid red; 
    margin: 10px; 
    display: inline-block; 
} 

추가/원하는 효과