CSS가 오버플로에 적용되지 않습니다.

Question

텍스트 파일에서로드되는 표가 있습니다. 테이블은 컨테이너 div에 포함됩니다. 필자는 테이블의 스타일을 지정했지만 테이블에 컨테이너 div의 너비에 대해 너무 많은 열이 있으면 내용이 오버플로되고 이제는 스크롤 할 수 있습니다. 이것은 문제가되지 않지만 오버플로가 발생하는 시점부터 테이블의 스타일이 더 이상 적용되지 않습니다.

이 테이블의 스타일은 다음과 같습니다 :

table.static { 
width: 100%; 
margin-bottom: 0!important; 
margin-top: 0!important; 
} 

table.static thead { 
    background: #D0D6DA; 
    border-bottom: 1px solid #aaa; 
} 

table.static thead tr th { 
border-left: none; 
border-right: none; 
line-height: 30px; 
padding: 0 10px; 
text-align: left; 
color: #333; 
font-weight: 400; 
text-shadow: 0 1px 0 #fff; 
} 

table.static tbody tr td { 
line-height: 25px; 
padding: 0 10px; 
border: 0 solid #999; 
} 

table.static tbody tr td { 
border-bottom: 1px solid #E1E5E7; 
} 

table.static tbody tr:last-child td { 
border-bottom: 0; 
} 

table.static tbody tr.even td { 
background-color: #EDF1F3; 
border-bottom: 1px solid #D8DCDE; 
} 

table.static tbody tr td input, 
table.static tbody tr td button { 
margin: 10px 0; 
} 

사람은 이런 일이 이유를 설명시겠습니까, 내가 무엇을 할 수 있는지

하면 이미지에서 참조하시기 바랍니다 그것을 해결하기 위해? 당신은

Answer 1

시도 감사이

table.static { 
    min-width: 100%; 
    margin-bottom: 0!important; 
    margin-top: 0!important; 
}