CSS 子高度 100%，带父内边距

Question

我已经解决了很多类似名称的问题，但无法找到答案。

当父 div 有内边距并且我创建子 div 时，宽度 100% 遵循父级的内容框大小，但高度 100% 似乎采用父级的边框框值。例如，高度为 100px 且填充为 5px 的父级将创建高度为 100% 且高度为 100px 而不是 90px 的子级。

谁能帮助我通过填充实现父母内容框的高度？

我想要实现一个漂亮的水平边框，两端都被剪掉，但仍然居中。

Answer 1

如果我理解正确的话：

   <div style:"padding:15mm">
        <div class="container" style="display: grid; grid-template-columns: 1fr 1fr 1fr; box-sizing: content-box;">
            <img style="max-width: 100%;" src="images/image.png"
                alt="">
            <img style="max-width: 100%;" src="images/image.png"
                alt="">
            <img style="max-width: 100%;" src="images/image.png"
                alt="">
        </div>
    </div>