一个 300 像素的容器内有两个 150 像素的框。 它应该很合适,但由于边框和填充,两个框各自占用的空间超过 150 像素。 这个“问题”可以通过将 boxSizing 属性设置为“border-box”来解决。
点击“试一试”按钮,将两个框的boxSizing属性设置为“border-box”: