html - td 宽度，不起作用？

Question

所以我这里有这段代码:

<table>
    <tr>
        <td width="200px" valign="top">
            <div class="left_menu">
                <div class="menu_item">
                    <a href="#">Home</a>
                </div>
            </div>
        </td>
        <td width="1000px" valign="top">Content</td>
    </tr>
</table>

使用 CSS

.left_menu {
    background: none repeat scroll 0 0 #333333;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.menu_item {
    background: none repeat scroll 0 0 #CCCCCC;
    border-bottom: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #FFFFCC;
    cursor: pointer;
    padding: 5px;
}

它在我的浏览器上运行良好，我已经在 mac 和 PC 的每个浏览器中测试过它，但是有人提示 width 为 200 的 td 不断变化宽度。我不知道他在说什么。有谁知道为什么他或她会看到 td 上的宽度发生变化？

Answer 1

应该是:

<td width="200">

或

<td style="width: 200px">

请注意，如果您的单元格包含一些不适合 200 像素的内容(例如 somelongwordwithoutanyspaces)，单元格仍然会拉伸(stretch)，除非您的 CSS 包含 table-layout: fixed 用于表格。

编辑

正如 kristina childs 在她的回答中指出的那样，您应该避免使用 width 属性和使用内联 CSS(使用 style 属性)。尽可能分离样式和结构是一种很好的做法。