CSS中我们经常会用到盒模型来设置元素的边框、内边距和外边距。但是，在某些情况下，我们可能需要忽略元素的内边距。下面我们来介绍一下如何在CSS中忽略内边距。

首先，我们需要了解一下CSS中的box-sizing属性。box-sizing用于设置元素的盒模型属性，包括content-box（默认值）、border-box和padding-box。其中，content-box表示元素的宽度和高度只包括内容区域，而不包括边框和内边距；border-box表示元素的宽度和高度包括内容区域、边框和内边距；padding-box表示元素的宽度和高度包括内容区域和内边距，但不包括边框。

.box {
box-sizing: border-box; /* 设置盒模型属性为border-box */
width: 200px;
height: 100px;
padding: 10px;
border: 1px solid #ccc;
}

上面的代码中，我们设置了一个类名为box的元素的盒模型属性为border-box。这样，元素的宽度和高度包括内容区域、边框和内边距。同时，我们设置了padding为10px，这样元素的内边距就为10px。如果我们想要忽略内边距，可以按照以下步骤进行操作：

.box {
box-sizing: border-box; /* 设置盒模型属性为border-box */
width: 200px;
height: 100px;
padding: 10px;
border: 1px solid #ccc;
}
.box >* {
box-sizing: content-box; /* 设置子元素的盒模型属性为content-box */
padding: 0; /* 设置子元素的内边距为0 */
}

在上面的代码中，我们首先设置类名为box的元素的盒模型属性为border-box，同时设置padding为10px。然后，我们通过.box >*选择器选中所有.box元素的子元素，并设置它们的盒模型属性为content-box，内边距为0。这样，子元素在这个元素的内部会自动忽略掉父元素的内边距。

总的来说，忽略CSS中的内边距并不难，我们只需要在元素中添加一个子元素，并将子元素的盒模型属性设置为content-box，内边距设置为0即可。这样，我们就可以实现忽略内边距的效果了。