html - 随着内部 div 的扩展，使 HTML 列更宽

Question

请考虑以下几点：

<td style="width: 500px;">
    <div style="width: 400px;">SomeContent</div>
</td>

出于某种原因，包含 div 的列不会像样式建议的那样扩展到 500px。

你知道如何让 td 遵守我在样式中指定的宽度吗？

Answer 1

理论上，您可以使用 min-width 和 max-width 样式。实际上，一些流行的浏览器会忽略这些样式。在这种情况下，您已明确声明宽度为 400，因此它应该始终等于 400，除非孩子正在成长或父母正在收缩。您可以运行-“服务器”并根据内容大小以编程方式确定宽度属性，或者您可以使用溢出样式，或者将其放在具有水平滚动条的面板中。

Answer 2

桌子上有宽度和桌子内的其他 tds 吗？另外，你有一个文档类型吗？

但是，也就是说，这是您的解决方案：

<td style="width: 500px">
  <div style="padding: 0 50px">SomeContent</div>
</td>

适当地设置您的填充。

---

重读您的问题后，我觉得这可能不是您正在寻找的答案。你能详细说明一下吗？

Answer 3

试试这个：

<td style="width:500px;">
  <div style="width:100%;">SomeContent</div>
</td>

但是，如果您希望 td 是 div 的确切大小，最大为 500px，然后尝试：

<td style="max-width:500px;">
  <div style="width:100%;">SomeContent</div>
</td>

请记住，IE6 不理解最大宽度，只会强制它为 500 像素。

Answer 4

您没有理由在 TD 内的 DIV 上设置固定宽度，默认情况下 DIV 是块元素，这意味着它们将填充包含元素的整个宽度。

在 TD 上设置填充或在 DIV 上设置边距以实现相同的样式。

如果没有看到更多标记或 css，我看不出 TD 不是 500px 的任何原因，如果您向元素添加两种不同的背景颜色，您确实会注意到 TD 将比 div 宽 100px。