크기 조정 또는 감싸는 div

Question

다른 div 안에 여러 div를 넣으려는 시도가 있습니다. 테이블 열의 크기가 사용 가능한 공간에 맞게 조정되는 방식을 수행합니다. 그러나이 경우 내부 div가 최소 크기는 랩핑됩니다.

나는

<div style="width: 100%"> 
    <div style="float: left; min-width:30px; padding: 4px">Text 1</div> 
    <div style="float: left; min-width:30px; padding: 4px">Text 2</div> 
    <div style="float: left; min-width:30px; padding: 4px">Text 3</div> 
    <div style="float: left; min-width:30px; padding: 4px">Text 4</div> 
    <div style="float: left; min-width:30px; padding: 4px">Text 5</div> 
</div> 

같은 뭔가를하고 올바르게 포장 않지만, 한 줄에 모두 맞는 객실이있는 경우 내부 사람을 확장 할 것 같지 않습니다. 이제이 작업을 수행 할 수 있습니까? (아직 FlexBox를 구현하지 않는 브라우저를 지원해야한다는 것을 명심하십시오)?

Answer 1

정확히 원하는지 확실하지 않지만 내부 요소에 대한 백분율 기준 너비를 설정할 수 있습니다. 이처럼 HTML과

.cell { 
    width:19%; 
} 

:

<div style="width: 100%"> 
    <div class="cell" style="float: left; min-width:30px; padding: 4px">Text 1</div> 
    ... 
</div> 

Here is a working example