【发布时间】：2015-11-02 03:27:49
【问题描述】：
我最近正在学习一些 html/css，并且正在做一个小项目以自己开始。我遇到了一个问题。我给一个 div 添加了一个 1px 纯黑色边框，它把我的文本从我的 div 的背景上移开了。我该如何解决这个问题？
【问题讨论】：
-
请分享您已有的代码，它可以帮助我们帮助您！
【发布时间】：2015-11-02 03:27:49
【问题描述】：
尝试将属性添加到 div：
box-sizing: border-box;
box-sizing 的默认值为content-box，这意味着width 和height 是定义高度和宽度的唯一因素。
相比之下，border-box 使得 width、height、padding 和 border 都在指定的宽度和高度内。
例如，在 <div> 和 box-sizing: content-box; height: 400px; width: 400px 中，内容（即文本）将为 400 像素 x 400 像素。添加border 或padding 会将内容推过（如您的情况）并使整个框更宽。另一方面，如果您将其更改为具有相同宽度和高度的box-sizing，则400px 将占所有这些尺寸属性（margin 除外）。
【讨论】：