CSS：将宽度/高度设置为表格标题列的百分比减去像素
为什么在下面的示例中，表格标题的列不采用CSS中定义的宽度 我认为在表1中，浏览器无法计算百分比值和固定值。 /*************公共css***********************/ 桌子{ 边界塌陷：塌陷； 表布局：固定； 宽度：100%； 位置：相对位置； } td，th{ 边框：1px纯黑； -webkit框大小：边框框； } tr{ 宽度：100%； 位置：相对位置； } /*************css表1***********************/ .表1.col1{ 宽度：calc35%-10px； } .表1.col2{ 宽度：calc40%-10px； } .表1.col3{ 宽度：calc25%-10px； } .表1.col4{ 宽度：30px； } /*************css表2***********************/ .表2.col1{ 宽度：calc30%； } .表2.col2{ 宽度：calc20%； } .表2.col3{ 宽度：calc50%； } 表1：无效的渲染浏览器 第1列 第2列 第3列 第4列 一排 一排 一排 一排 第2排 第2排 第2排 第2排 表2：有效的渲染浏览器 第1列 第2列 第3列 一排 一排 一排 第2排 第2排 第2排CSS：将宽度/高度设置为表格标题列的百分比减去像素,css,width,pixel,calc,tablecell,Css,Width,Pixel,Calc,Tablecell,为什么在下面的示例中，表格标题的列不采用CSS中定义的宽度 我认为在表1中，浏览器无法计算百分比值和固定值。 /*************公共css***********************/ 桌子{ 边界塌陷：塌陷； 表布局：固定； 宽度：100%； 位置：相对位置； } td，th{ 边框：1px纯黑； -webkit框大小：边框框； } tr{ 宽度：100%； 位置：相对位置； } /*************css表1***********************/ .表1.col
是的，表格的计算宽度有问题。但这对电视节目很管用。把它放在沙发上而不是桌子上怎么样 为了您的目的，让我们来看一个示例： 你可以在那里找到：
.row {
display: flex;
}
margin-left: -1px;
.row {
display: flex;
}
margin-left: -1px;