随着内部Div扩展，使HTML列更宽

StackOverflow https://stackoverflow.com/questions/269761

  •  06-07-2019
  •  | 
  •  

题

请考虑以下事项：

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

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

你知道如何让td符合我在风格中指定的宽度吗？

有帮助吗？

解决方案

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

其他提示

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

然而，这就是说，这是你的解决方案：

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

正确设置填充。

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

试试这个：

<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不理解max-width，只会强制它为500px。

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

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

如果没有看到更多的标记或css，我看不出为什么TD不会是500px的任何原因，如果你为元素添加了两种不同的背景颜色，你会发现TD会比div宽100px。 / p>

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top