Html Css将边距应用于div内的表

我的情况与， 哪里有一张桌子和一张桌子

table {
    width: 100%;
    margin-right: 30px;
}.

在

分区内

---

问题是，当我将边距应用于表时，它会从其父div中消失。我如何避免这种情况？

在div上添加一个

右键填充

：

div {
    padding-right: 30px;
}
table {
    width: 100%;
}

---

在div上添加一个

右侧填充

：

div {
    padding-right: 30px;
}
table {
    width: 100%;
}

---

在div上添加一个

右侧填充

：

div {
    padding-right: 30px;
}
table {
    width: 100%;
}

---

在div上添加一个

右侧填充

：

div {
    padding-right: 30px;
}
table {
    width: 100%;
}

---

宽度应用于元素的实际内容，因此您有一个具有100%宽度内容的表，在该表的左侧添加一些边距，使宽度超过100%，因此表的右侧超出父级的右边缘。可能您应该在父级上使用填充，而不是在表上使用边距，或者只使用边距的附加包装

表格{
宽度：100%；
边框：1px纯绿色；
边界塌陷：塌陷；
}
.内部{
左边距：100px；
}

标题1
标题2
11
12
21
22

宽度应用于元素的实际内容，因此您有一个100%宽度的表，在该表的左侧添加一些边距，将宽度推到100%以上，因此表的右侧超出父级的右边缘。可能您应该在父级上使用填充，而不是在表上使用边距，或者只使用边距的附加包装

表格{
宽度：100%；
边框：1px纯绿色；
边界塌陷：塌陷；
}
.内部{
左边距：100px；
}

标题1
标题2
11
12
21
22

宽度应用于元素的实际内容，因此您有一个100%宽度的表，在该表的左侧添加一些边距，将宽度推到100%以上，因此表的右侧超出父级的右边缘。可能您应该在父级上使用填充，而不是在表上使用边距，或者只使用边距的附加包装

表格{
宽度：100%；
边框：1px纯绿色；
边界塌陷：塌陷；
}
.内部{
左边距：100px；
}

标题1
标题2
11
12
21
22

宽度应用于元素的实际内容，因此您有一个100%宽度的表，在该表的左侧添加一些边距，将宽度推到100%以上，因此表的右侧超出父级的右边缘。可能您应该在父级上使用填充，而不是在表上使用边距，或者只使用边距的附加包装

表格{
宽度：100%；
边框：1px纯绿色；
边界塌陷：塌陷；
}
.内部{
左边距：100px；
}

标题1
标题2
11
12
21
22