html - 防止padding变形div

Question

我有很多文字要放一点<div>盒子，所以我不需要太多空间，而且尺寸非常精确。

这是我的代码:

<div class="myBox">Box</div>

<style>

    .myBox{
        width:100%;
        height:100%;
        padding:6px;
    }

</style>

我不希望我的填充物使我的盒子变形。

我无法更改宽度和高度属性。

Answer 1

添加以下属性:

box-sizing: border-box;

这将从默认的 content-box 更改 box-sizing，其宽度仅基于内容。 border-box 的宽度和高度包括内容、padding 和边框(但不包括 margin)大小。