Css 有没有办法将边框插入到对象的高度？_Css_Object_Height_Border_Ignore

Css 有没有办法将边框插入到对象的高度？

css object

Css 有没有办法将边框插入到对象的高度？,css,object,height,border,ignore,Css,Object,Height,Border,Ignore,我正在做一个使用网站控制机器的项目，目前正在做css样式表。我现在有了这个脚本： <html> <head> <title>Machine overview V1</title> <meta charset="utf-8"/> </head> <body> <header> <h1>Machine overview</h1&g

我正在做一个使用网站控制机器的项目，目前正在做css样式表。我现在有了这个脚本：

    <html>
    <head>
        <title>Machine overview V1</title>
        <meta charset="utf-8"/>
</head>
<body>
    <header>
<h1>Machine overview</h1>
</header>
    <section>
</section>
    <footer>
</footer>
</body>
</html>

但是当你添加一个

border:1px solid black;

对于这些属性中的任何一个，它都会将高度弄乱，单位为%，
这基本上扰乱了页面的整个布局。
我无法在npx中强制设置高度，因为它必须使用不同的分辨率才能看起来很好。
有没有办法将边框插入到对象的高度？

就像您可以插入框阴影…

您希望将容器设置为

框大小：边框框
.borderInside {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border:1px solid red;
}

你应该把没有固定的放在最后。当前版本的Chrome和Safari支持不带前缀的框大小调整。它们还支持它的前缀，并且它们将使用您最后编写的内容——在本例中是前缀。
.borderInside {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border:1px solid red;
}