当我将子元素设置为"width:80%"时,为什么<td>会缩小？

我有一个表,当我将嵌套元素的样式设置为宽度时,其中一个左列收缩:80%.该列缩小并截断右边的输入元素.您可以通过从input元素中删除样式来查看我正在谈论的内容.

    

        

            

                
            
            

                Lots of text to make the right cell expand.
                Lots of text to make the right cell expand.
                Lots of text to make the right cell expand.
                Lots of text to make the right cell expand.
                Lots of text to make the right cell expand.
                Lots of text to make the right cell expand.
                Lots of text to make the right cell expand.
                Lots of text to make the right cell expand.
                Lots of text to make the right cell expand.
            
        
    

我有一种感觉,因为列的大小是基于孩子的,但是通过根据它的父级调整元素的大小,我创建了一个'catch 22'.

有人可以告诉我发生了什么,以及如何保持相同的列宽,并将我的元素的大小调整为宽度的80%？

您遇到的问题是因为您将宽度设置为没有宽度的单元格的百分比.因此,单元格变得越来越小以弥补另一个单元格上的文本,一旦完成,输入就会得到80%的剩余.

您的选择:
1)设置字段的宽度(以像素为单位).
2)设置宽度,以像素/百分比表示.

解决你的评论:删除样式时,它变大的原因是因为它返回到浏览器的元素默认大小,大于单元格中剩余的80%.