我最近正在学习一些 html/css，并正在做一个小元素以开始我自己的工作。我遇到了一个问题。我向一个 div 添加了一个 1px 纯黑色边框，它使我的文本从我的 div 的背景中移开。我该如何解决这个问题？
最佳答案
尝试将属性添加到 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 除外)。
关于html - 向我的 HTML div 添加边框会移动我的文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33466166/