다른 표 안의 버튼 스타일링은 chrome vs firefox에서 다르게 작동합니다.

<table> 
    <tr> 
     <td> 
      <button type="button" class="btn">button</button> 
     </td> 
    </tr> 
</table>

CSS

.btn{ 
    background-color:green; 
    height:100%; 
} 

table{ 
    min-height:500px; 
}

그러나 동작은 크롬에서 다른과 파이어 폭스

바이올린 링크 : 당신의 도움이 여기

최소 높이 파이어 폭스 테이블에 정의 된 바이올린 인 Thrid는이 코드

$(document).ready(function(){ $(".btn").outerHeight($(".btn").parent().outerHeight()); });

추가

JQuery와

했다. 그것을 높이로 바꿔라. 내용이 더 많으면 어쨌든 확장됩니다 http://stackoverflow.com/questions/19521442/min-height-for-a-table-in-firefox-not-working –

@Ankur 답변을 주셔서 감사합니다,하지만 여전히 버튼이 셀을 채우지 못한다면 버튼을 셀에 채우고 싶습니다. 또한 나는 당신의 코멘트를 유용하다고 생각합니다. 고마워요. – agusgambina

작업, 예를 들어 here

감사합니다 당신의 spe cified 문제 http://jsfiddle.net/suriyag/PsEg8/1/ 는 높이를 제거하고는 @Ankur 가르 왈은 나에게 말했다 첫째는 내가 높이 최소 높이를 변경

height:100%;

2014-05-15 07:39:52

잘 작동합니다.

둘째 여기

2014-05-16 00:14:42 agusgambina

답변