Question

所以我在tr内有一个table。 onClick它会附加一些html。我试图让tr很好地追加过渡，所以我试图将高度设置为0，然后onClick将其设置为自动。

但是，我的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和width的行为为min-height和min-width

无论子元素如何，强制div高度为0

1 个答案: