Html 右Div不正确地对齐页面的左25%

我试图通过将一个div包在两个div（centerdiv和sidediv）之间，以响应的方式居中一个div

守则：

奥维米德尔迪夫{ 宽度：100%； 高度：150像素； 背景颜色：蓝色； 浮动：左； } .sidedivs{ 宽度：25%； 浮动：左； 左侧填充：50px； 背景色：红色； } .centerdiv{ 宽度：50%； 浮动：左； 背景颜色：白色 } 左侧

这是中间的，是50%

右侧

---

将此添加到CSS中，以便百分比值不受填充和边距的影响/更改：

html, body {
  margin: 0;
}
* {
  box-sizing: border-box;
}

---

将此添加到CSS中，以便百分比值不受填充和边距的影响/更改：

html, body {
  margin: 0;
}
* {
  box-sizing: border-box;
}

必须设置框大小：边框框： 否则，宽度将添加到填充大小。

必须设置框大小：边框框：

---

否则，宽度将添加到填充大小。

从侧边div中移除填充，或使用：

修改

阅读此文章以了解有关边框框的更多信息

---

或者，您应该使用calc调整25%-50%-25%的宽度分布，以防止包裹。

从侧边上取下衬垫或使用：

修改

阅读此文章以了解有关边框框的更多信息

---

或者，您应该使用calc来调整25%-50%-25%的宽度分布，以防止缠绕。

您有一个类，该类将float:left附加到两侧div，以便它们都将转到左侧删除填充或使用*{box size:border box；}或者你应该使用calc来调整25%-50%-25%的宽度分布，以防止包装。@Keith谢谢，但即使我删除了这些，在我的帖子中，它仍然包装不正确。以这个提琴为例-。您有一个类，它的两个边div都有float:left，因此它们都将转到左边删除填充或使用*{box size:border box；}或者您应该使用calc来调整25%-50%-25%的宽度分布，以防止包装。@Keith谢谢，但即使我删除了它们，正如我在帖子中所说的，它仍然没有正确地包装它。看这把小提琴的例子-。工作；我没有意识到默认主体有一个固定的边距，但是知道这一点很有帮助。我必须看看border box的功能。@wpquestionz阅读了解更多关于border-box.Worked的信息；我没有意识到默认主体有一个固定的边距，但是知道这一点很有帮助。我必须看一下border box的功能。@WPZ阅读以了解有关border box的更多信息。