HTML表格-最大宽度不适用于td子体

HTML表格-最大宽度不适用于td子体,html,css,html-table,Html,Css,Html Table,我有宽度为100%的表和宽度为40em的元素;最大宽度:100%,但当浏览器窗口变小时,元素仍在拉伸表格 我希望这个元素是一个固定的宽度,但是如果容器太小的话,不能比容器大。如果没有足够的空间容纳固定宽度,max width:100%应将其缩小以适应可用空间。这在桌子外面起作用 请注意,max width不在表格上。它实际上位于元素上,尽管我链接的代码包含一个单独的表,在元素上存在相同的问题。它还包括表外的一个行为正确的字段 如果将其放在元素上,元素会拉伸到最大宽度:100% 如果需要固定宽度,

我有宽度为100%的表和宽度为40em的元素;最大宽度:100%,但当浏览器窗口变小时,元素仍在拉伸表格

我希望这个元素是一个固定的宽度,但是如果容器太小的话,不能比容器大。如果没有足够的空间容纳固定宽度,
max width:100%
应将其缩小以适应可用空间。这在桌子外面起作用

请注意,
max width
不在表格上。它实际上位于
元素上,尽管我链接的代码包含一个单独的表,在
元素上存在相同的问题。它还包括表外的一个行为正确的
字段


如果将其放在元素上,元素会拉伸到
最大宽度:100%

如果需要固定宽度,请使用
width:40px
(而不是在液体布局中使用%)

您应该使用table元素来获得
子体的
最大宽度
属性

从:

表格布局
CSS属性定义用于 布局表格单元格、行和列

固定值:
表和列宽由表和列元素的宽度或第一行单元格的宽度设置。细胞 后续行不影响列宽

表格{
表布局:固定;
}

…你完全改变了答案,使我之前的评论毫无意义。现在听起来你们两个都不明白我想做什么。你想要实现的是什么,固定布局需要指定px。这不是页面布局。页面布局本身允许表格宽度为流动(100%)。表中的元素是一个输入字段,它应该以其本机宽度显示,但是如果没有足够的空间,它应该缩小以适应可用空间。好的,您需要设置输入字段的宽度,例如
width:20%即相对于表格/容器的百分比。因此,每当容器变小时,输入字段也随之变小。我不记得以前为什么这样做不起作用,因为它现在似乎按预期工作。这真是一种奇怪的行为,为什么它们会使表元素如此特殊?