html - 保持 TD HEIGHT 固定，这样它就不会随着同一张表中 TD 的内容而拉伸(stretch)

Question

我有一个关于基于表格的小 BUTTON 布局的问题，我正在基于表格和 TD 直接发送电子邮件，所以我现在不能真正使用 DIVS。

我试图让 A 保持固定，而 B 与 C 一起向下拉伸(stretch)。

可悲的是，A 与其余部分一起拉伸(stretch)，它意味着保持正方形和固定高度。

又是这样。

A - 应该就位并固定B - 与 C 一起拉伸(stretch)C - 包含 BUTTON A 的文本内容，应该使 B 拉伸(stretch)而不是 A。

我希望你知道这是怎么回事。

Answer 1

我真的不知道我是否理解你的问题，但这对我来说很好......只有在 CSS 中强制 A 的高度和 B 自动随 C 拉伸(stretch)，但 A 保持固定。

http://jsfiddle.net/z172kxu7/1/

table, tr, td {
    border: thin solid black;
    width: 100px;
}

.fixed {
    height: 10px;
}

---

<table>
    <tr>
        <td class="fixed">A</td>
        <td rowspan="2">Lorem ipsum yolo. Lorem ipsum yolo.</td>
    </tr>

    <tr>
        <td>B</td>
    </tr>
</table>