所以我做了一个计算器，将千克改为磅，我打算给p元素添加一个边框，但border一直向右。这是HTML

<代码><；！文档类型HTML>；<；HTML Lang="；英文"；>；<；头部>；<；元字符集="；UTF-8"；>；<；meta HTTP-equiv="；X-ua-compatible"；内容="；IE=边缘"；>；<；元名称="；视口"；内容="；宽度=设备宽度，初始比例=1"；>；<；标题>；HTML<；/标题>；  <；！--HTML-->；  <；！--自定义样式-->；<；link rel="；样式表"；href="；style.CSS"；>；<；/标题>；<；身体>；<；输入类型="；数字"；PLACEHOLDER="；键入重量（千克）"；ID="；千克"；>；<；P ID="；英镑"；>；0<；/p>；<；P ID="；dinnars"；类="；dinnars"；>；0<；/p>；<；脚本SRC="；main.JS"；>；<；/script>；<；/正文>；<；/HTML>；

这是CSS.

<代码>*{填充：0%；保证金：0%；框大小调整：继承；}身体{字体大小：15pt；宽度：480px；高度：500px；框大小：border-box；}#千克{位置：相对；顶部：70px；左：140px；边框：20px实心深红色；border-radius：4px；}#磅{位置：相对；顶部：100px；左：240px；}.dinnars{边框：15px实心深色兰花；位置：相对；顶部：150px；左：240px；border-radius：4px；}

顺晟科技：

p元素与右边有类的元素处于相对位置，因此在p元素上应用边界将使右边的边界看起来更大，因为相对元素已经有自己的边界，看起来像是与左边的边界合并，因为两者之间没有空间。另请注意，“框大小”属性会影响属性在元素上的应用方式。也许可以尝试使用box-sizing：border-box.

添加宽度：min-content；去你的.Dinnars班级。我还会删除顶部和底部属性。他们不必要地限制了你的尺寸。

另外，去掉左上角的属性。

<代码>*{填充：0；保证金：0；框大小调整：继承；框大小：border-box；}身体{字体大小：15pt；//宽度：480px；//高度：500px；}#千克{位置：相对；//顶部：70px；//左：140P；边框：20px实心深红色；border-radius：4px；}#磅{位置：相对；//顶部：100px；//左：240px；}.dinnars{边框：15px实心深色兰花；宽度：min-content；位置：相对；//顶部：150px；//左：240px；border-radius：4px；}.框{边框：2px绿色虚线；宽度：500px；高度500px；}

<代码><；DIV类=' box '>；<；input type=“ number ” placeholder=“输入重量（千克）” ID=“ kg ”>；<；p ID=“英镑”>；0<；/p>；<；p ID=“ dinnars ” Class=“ dinnars ”>；0<；/p>；<；/DIV>；