Html 如何允许宽度为100%的CSS表格列溢出表格？

我有一个CSS表，实际上有两列，但其中一列是隐藏的，它的宽度设置为0，第二列的宽度为100%，所以它占据了整个表。当显示第一列时（由复选框和CSS控制），第二列将调整大小，但我希望它保持相同的大小，看起来它的内容被推到一边。如果我给列一个以像素为单位的显式宽度，我就能够让它工作，但是有可能只使用CSS就可以使用百分比宽度让它工作吗

#容器{
宽度：400px；
边框：2倍纯红；
}
.桌子{
边缘顶部：16px；
显示：表格；
表布局：固定；
宽度：100%；
空白：nowrap；
溢出：隐藏；
}
上校{
显示：表格单元格；
溢出：隐藏；
}
.col1{
宽度：0；
过渡：宽度。5s轻松；
}
.col2{
宽度：100%；
宽度：px；
位置：相对位置；
}
.col3{
宽度：400px；
位置：相对位置；
}
.马克{
位置：绝对位置；
右：2px；
排名：0；
}
输入[type=“checkbox”]：选中~div>div>.col1{
宽度：100px；
}

显示额外的列
第1栏
第2列-宽度为100%
边缘
第1栏
第2列-以像素为单位显示宽度
边缘

因此您可以在元素上设置最小宽度，但这同样不使用百分比。我认为唯一的另一种方法是使用jQuery来获取父元素的宽度，这可以在resize函数中实现

更新-第一个表现在在.col2上使用绝对位置，设置为100%，然后在左侧使用CSS转换

小提琴-

$（文档）.ready（函数（）{
var树脂定时器；
变量$col3=$（'.col3'）；
$（窗口）.on（'resize load'，函数（e）{
clearTimeout（resizeTimer）；
resizeTimer=setTimeout（函数（）{
//获取父宽度并设置
var$pw=$col3.parent（）.width（）；
$col3.css（{'width'：$pw}）；
}, 100);
});
});
#容器{
宽度：100%；
边框：2倍纯红；
位置：相对位置；
溢出：隐藏；
}
.桌子{
边缘顶部：16px；
显示：表格；
表布局：固定；
宽度：100%；
空白：nowrap；
溢出：隐藏；
框大小：边框框；
}
上校{
显示：表格单元格；
溢出：隐藏；
}
.col1{
宽度：0；
过渡：宽度。5s轻松；
}
.col2{
位置：绝对位置；
宽度：100%；
左：0；
过渡：左。5s轻松；
}
.col3{
位置：绝对位置；
宽度：100%；
}
.马克{
浮动：对；
}
输入[type=“checkbox”]：选中~div>div>.col1{
宽度：100px；
}
输入[type=“checkbox”]：选中~div>div>.col2{
左：100px；
}

显示额外列
使用css转换左宽度设置为100%

第1栏
第2列-使用绝对位置和
设置左侧动画
边缘
使用jQuery

第1栏
第2列-以像素为单位显示宽度
边缘
因此您可以在元素上设置最小宽度，但这同样不使用百分比。我认为唯一的另一种方法是使用jQuery来获取父元素的宽度，这可以在resize函数中实现

更新-第一个表现在在.col2上使用绝对位置，设置为100%，然后在左侧使用CSS转换

小提琴-


$（文档）.ready（函数（）{
var树脂定时器；
变量$col3=$（'.col3'）；
$（窗口）.on（'resize load'，函数（e）{
clearTimeout（resizeTimer）；
resizeTimer=setTimeout（函数（）{
//获取父宽度并设置
var$pw=$col3.parent（）.width（）；
$col3.css（{'width'：$pw}）；
}, 100);
});
});
#容器{
宽度：100%；
边框：2倍纯红；
位置：相对位置；
溢出：隐藏；
}
.桌子{
边缘顶部：16px；
显示：表格；
表布局：固定；
宽度：100%；
空白：nowrap；
溢出：隐藏；
框大小：边框框；
}
上校{
显示：表格单元格；
溢出：隐藏；
}
.col1{
宽度：0；
过渡：宽度。5s轻松；
}
.col2{
位置：绝对位置；
宽度：100%；
左：0；
过渡：左。5s轻松；
}
.col3{
位置：绝对位置；
宽度：100%；
}
.马克{
浮动：对；
}
输入[type=“checkbox”]：选中~div>div>.col1{
宽度：100px；
}
输入[type=“checkbox”]：选中~div>div>.col2{
左：100px；
}

显示额外列
使用css转换左宽度设置为100%

第1栏
第2列-使用绝对位置和
设置左侧动画
边缘
使用jQuery

第1栏
第2列-以像素为单位显示宽度
边缘
在css中，您曾在哪里写入宽度：50%？或者其他百分比…你在哪里写过宽度：css中的50%？或者不管什么百分比。。。