子要素にかかわらずdivを0にする

Question

trはtableにあります。 onClickはいくつかhtmlを追加します。私はtrにトランジションをうまく追加しようとしているので、高さを0に設定しようとしています。その後、onClickをautoに設定します。

しかし、divは高さ0ではありません。height: 0;を追加できますが、それでも高さは保持されます。

マイHTML：

<tr class="info_container"> 
    <td colspan="7">Pick a time 
     <button id="time_btn">Button</button> 
     <span class="tickets_left_cont"> 7 tickets left</span> 
    </td> 
</tr> 

CSS：

.info_container { 
    background: #fff; 
    color: #000; 
    z-index: 999; 
    left: 0; 
    width: 100%; 
    padding: 15px; 
    -webkit-transition: all 1s ease-in-out; 
    -moz-transition: all 1s ease-in-out; 
    -o-transition: all 1s ease-in-out; 
    transition: all 1s ease-in-out; 
    opacity: 0; 
    text-align: left; 
    font-family: BreeSerifLt; 
    border-bottom: 3px solid #000; 
} 

#time_btn { 
    outline: 0; 
    padding: 10px; 
    background: #9A0FC7; 
    border: 0; 
    color: #fff; 
    display: block; 
    margin-top: 10px; 
    font-weight: 300; 
    font-family: BreeSerifLt; 
} 

は私が間違って何をしているのですか？ info_containerクラスの高さを0にすることができないので、divを隠すことができないのはなぜですか？

ありがとうございます！

Answer 1

テーブルで

、heightとmin-heightとしてwidth挙動とのmin-width