Html 为什么宽度为100%并显示为表格的元素的右边距不起作用？

在下面的代码中，当行div显示为

table

并且

width

设置为100%时，框会缩小，并且

右边距

似乎设置为nil，或者您可以说它没有显示任何影响

但是，当我删除

width:100%时，

marginright`将被应用

*{
框大小：边框框；
}
.集装箱{
左侧填充：15px；
右侧填充：15px；
}
.行{
背景色：#cdecde；
右边距：-15px；
左边距：-15px；
}
.桌子{
显示：表格；
宽度：100%；
}
上校{
填充：20px 15px；
}

Lorem ipsum dolor sit amet，奉献精英。这是一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法！

您正在将负

边距

s应用于

行

元素-这导致了以下问题：

应用负边距时，

表格

向左移动，占据了

容器

的

填充空间

-尝试从

行

中删除负边距，并查看其水平对齐情况：

*{
框大小：边框框；
}
.集装箱{
左侧填充：15px；
右侧填充：15px；
}
.行{
背景色：#cdecde；
/*右边距：-15px；
左边距：-15px*/
}
.桌子{
显示：表格；
宽度：100%；
}
上校{
填充：20px 15px；
}

Lorem ipsum dolor sit amet，奉献精英。这是一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法，一个非常小的减法！